فریم ورک ( Framework ) چیست ؟

این مقاله به بررسی فریم ورکها ( Framework ) و موارد استفاده آنها می پردازد وانواع فریم ورک های کاربردی و مهم مورد بررسی قرار خواهند گرفت.

فریم ورک مجموعه ای استاندارد از مفاهیم، تاکتیک ها، و معیارها است برای مواجه با نوعی معمول از مشکلات، که می توانند بعنوان مرجعی برای حل مشکلات مشابه و توسعه نرم افزار باشند.

در حوزه ی طراحی سایت، برای ارائه تعریفی دقیق تر، فریم ورک را پکیجی می دانند که ساختار آن از فایل ها و فولدرهایی با کدهای استاندارد تشکیل شده است ( HTML, CSS, JavaScript , ….). فریم ورک را میتوان بعنوان پایه ای برای ایجاد یک سایت در نظر گرفت به طوری که زمینه های رشد و توسعه ی آن سریع تر انجام پذیرد.

بیشتر سایت ها دارای ساختاری بسیار مشابه هستند. هدف از فریم ورک، ارائه ساختاری مشترک است به گونه ای که سازندگان بتوانند از کد ارائه شده استفاده کرده و مجبور نباشند هر بار از اول شروع به کدنویسی کنند. بدین طریق، فریم ورک به برنامه نویس این امکان را می دهد تا بخش های زیادی از کار را با استفاده از کدهای فریم ورک انجام دهد و زمان زیادی را صرفه جویی نماید.

چند نوع فریم ورک وجود دارد؟

اساساً دو نوع فریم ورک وجود دارد : Backend  و Frontend ( این تفاوت به این دلیل می باشد که آیا فریم ورک برای طراحی کدهای سمت کلاینت (دیزاین) وب سایت، یا کدهای سمت سرور و مدیریت آن مورد استفاده قرار می گیرد.)

درک این مطلب حائز اهمیت است که فریم ورک ها ایده هایی مفهومی هستند : مجموعه ای از استانداردهای از پیش آماده شده که بتوان به وسیله آنها آغاز بکار کرد. مفهوم فریم ورک را میتوان در مورد فرایندهای مختلفی که در سایت صورت می گیرند، بکار گرفت : بخش برنامه نویسی که ارتباط محتوا و بانک اطلاعاتی وب سایت را برقرار می کند و معمولا از زبان برنامه نویسی php استفاده می شود. و بخش طراحی ( Designer’s layer ) که در آنجا باید آن محتوا را در اسناد HTML با Css های تعریف شده نمایش داد تا در نهایت بتواند در یک مرورگرنمایش داد.

همان طور که قبلا اشاره شد فریم ورکها هم برای backend و هم frontend وجود دارند که تمرکز این مقاله بیشتر روی فریم ورک های frontend است.

فریم ورکهای Front-end ( یا CSS Framework )

فریم ورکهای Frontend معمولا پکیجی از فایل ها یا ساختاری مشخص می باشد که با کدهای استاندارد ( HTML, CSS, JS ) تهیه شده است.

غالب اجزاء یک فریم ورک FrontEnd عبارتند از :

• کدهای CSS برای گریدبندی وب سایت : این بخش به برنامه نویس این امکان را می دهد تا اجزای مختلف وب سایت را به صورت ساده و روان به صورت واکنش گرا کنار هم بچیند.
• تعریف استایل تایپوگرافی ( typography style ) برای عناصر HTML
• راه حل هایی برای عدم تطبیق پذیری با مرورگر به گونه ای که سایت در تمام مرورگرها به درستی نمایش داده شود.
• ایجاد کلاس های CSS استاندارد که بتوان برای استایل دهی پیشرفته به عناصر صفحه برای رابط کاربری مناسب استفاده کرد.

امروزه رشد تکنیک های طراحی واکنش گرای سایت، که طراحی سایت هایی با قابلیت انطباق پذیری با رزولوشن های مختلف در موبایل ها، تبلت ها و کامپیوترها را تسهیل می کنند، به ظهور فریم ورک های واکنش گرا منجر شده است و این فریم ورکها مشکلات رایج طراحی واکنش گرای سایت را برطرف کرده اند.

انتخاب فریم ورکها

در فریم ورک های CSS، میتوان بین دو نوع فریم ورک بر اساس پیچیدگی آنها تمایز قائل شد : فریم ورکهای ساده و فریم ورکهای کامل. این تمایز موضوعی بوده و بدین معنا نیست که یکی بر دیگری برتری دارد. بلکه هر کدام از این فریم ورکها راه حلهای متفاوتی را بر اساس سطح پیچیدگی و انعطاف پذیری مورد نیاز به ما می دهند.

در مقاله ی بعدی لیستی از فریم ورکها را مورد بررسی قرار می دهیم و به معرفی آنها پرداخته خواهد شد.

طراحی سایت واکنش گرا : ۶ نکته برای ارتقای عملکرد

در سال ۲۰۱۳، افزایشی چشمگیر در تعداد افرادی که به طراحی سایتهای واکنش گرا بعنوان راه حلی برای انتقال تجارب پایدار از طریق صفحاتی با رزولوشن مختلف روی آورده اند، به چشم میخورد.

و اما چرا:

افراد در بازدید از سایتها، بدون توجه به وسیله ای مورد استفاده خود، انتظار تجاربی مشابه را دارند. بنابراین، اگر فردی از سایت شما بازدید میکند، درحالیکه برای وسیله مورد استفاده وی بهینه نشده باشد، سایت شما را ترک می کند و احتمال بازگشت مجددش به وبسایت بسیار ضعیف است.

پیشنهاد گوگل چیست؟

گوگل پیشنهادات و ابزارهایی را برای مدیران سایتها قرار می دهد تا بتوانند عملکرد سایتهای خود را در گوشی های هوشمند ارتقا دهند. اگر می خواهید از رتبه خوبی در گوگل برخوردار باشید و از بازدیدکنندگان خود امتیاز دریافت کنید ( وکیست که مایل به اینکار نباشد؟ )، لازم است به آن اهمیت دهید.

تحقیقات نشان داده است که تاخیر بیش از یک ثانیه میتواند رشته افکار کاربر را بگسلاند و به یک تجربه ناخوشایند در وی بدل شود.

پیشنهاد گوگل این است که لزومی ندارد سایت شما در این قالب زمانی بارگذاری شود. بلکه، با اولویت بندی محتوا در بخش حیاتی ( نیمه بالایی صفحه نخست سایت که در نگاه اول برای بازدید کننده قابل رؤیت است )، درحالیکه بقیه صفحه در حال بارگذاری است، میتوان به این هدف دست یافت.

گوگل پیشنهاد میکند که زمان پاسخ سرور شما باید کمتر از ۲۰۰ms و ۲۰۰ms دیگر برای بارگذاری بخش حیاتی وب باشد.

آنها همچنین پیشنهاد میکنند که:

• تعداد Redirect ها باید به حداقل برسد.
• تعداد رفت و برگشتها به render اولیه باید به حداقل برسد.
• در بخش حیاتی، از بلاک کردن JavaScript و CSS پرهیز شود.
• زمان render و اجرای JavaScript بهینه سازی شود.

اما در اینجا مسئله ای دیگر مطرح میشود:

صفحات وب بزرگتر میشوند.

هم اکنون، اندازه متوسط صفحه، ۲۴۰۶KB است و هر روز نیز بزرگتر میشود. این برای صاحبان سایتها و کاربران ناخوشایند است و دانستن این نکته که صفحات بزرگتر، عملکرد کندتر و هزینه های پهنای باند بالاتر را به همراه دارند، نیازی به تخصص ندارد.

اگرچه کاربران دسکتاپ نیز با تاثیر صفحات بزرگتر مواجه هستند، اما بیشترین تاثیر آن متوجه کاربران موبایل است. افراد از گوشی های خود به منظور کشف سریعتر و آسانتر اطلاعات استفاده میکنند، در حالیکه با افزایش روز افزون اندازه صفحات، زمان طولانی تری نیاز است تا صفحات وب روی گوشی بارگذاری شود؛ به ویژه زمانیکه از اینترنت ۳G استفاده می کنید.

اخیراً، Guy Podjany، تست هایی را روی سایت هایی که از طراحی وب واکنش گرا ( RWD ) استفاده می کنند، انجام داده است. وی به این نتیجه رسیده است که بیشتر سایت های RWD، محتوای کامل صفحه را در طیف گسترده ای از دستگاه ها با رزولوشن های مختلف دانلود می کنند؛ علی رغم این حقیت که تفاوت هایی در محتوا و اندازه تصاویر در دستگاه هایی با اندازه های مختلف وجود دارد.

صفحات وب بزرگتر میشوند و تقاضا برای صفحاتی با بهینه سازی کامل برای تمام دستگاه ها افزایش پیدا میکند. بنابراین، این نکته حائز اهمیت است که طراحان و توسعه دهنده گان سایت ها، عملکرد را اولویت بندی کنند و شما نیز در پروژه خود، بودجه ای را به این منظور اختصاص دهید.

هم اکنون نگاهی می اندازیم به اینکه چگونه میتوانید از پس اینکار برآیید:

۱ ) بودجه عملکرد را تعیین کنید.

بودجه عملکرد، چهارچوبی از پیش تعیین شده برای سرعت و اندازه کلی صفحه است و همانند بودجه مالی، کلاهی برای پوشش دادن هزینه ها، که در اینجا اندازه صفحه است، محسوب میشود. بدین معنا که اگر نیاز به اضافه کردن و یا اصلاح صفحات و یا اجزای جدید باشد، ابتدا باید مطمئن شوید فضای کافی در “بودجه” وجود دارد.

اگر دریافتید که اضافه کردن جز جدید به معنای فراتر رفتن از چهارچوب بودجه است، باید تصمیم به بهینه سازی مؤلفه موجود به گونه ای که آسانتر یا سریعتر باشد، برداشتن مؤلفه، و یا اصلاً اضافه نکردن مؤلفه جدید بگیرید.

۲ ) بهینه سازی تصاویر در طراحی وب واکنش گرا

یکی از بزرگترین مشکلات در صفحات بزرگ وب و بارگذاری آهسته ی صفحه در وب سایت های واکنش گرا، تصاویر هستند. به ویژه، با افزایش روزافزون “دستگاههای رتینا”، افراد خواهان تصاویری با رزولوشن بالاتر در سایت های خود هستند و صفحات نباید با فایل های تصویری ۱mb دچار بهم ریختگی شوند.

برای این منظور، میتوانید از سرویسی مانند تصاویر انطباق پذیر استفاده کنید که یک اسکریپت  PHP بسیار کوچک است که اندازه صفحه را تشخیص داده و بصورت خودکار اندازه تصویر را تغییر داده و نسخه کوچک شده آن را در اختیار قرار می دهد. این نرم افزار را میتوان شخصی سازی کرد؛ بنابراین، می توانید کیفیت تصاویر و کشینگ مرورگر را تنظیم کنید.

ممکن است بعضی از افراد بگویند که ارائه دهنده گان سرویس های موبایل، هم اکنون تصاویر را فشرده می کنند، اما متاسفانه همه آنها اینکار را نمی کنند.

۳ ) ممکن ساختن فشرده سازی

شما باید منابع خود را با استفاده از gzip فشرده کنید تا تعداد بایت هایی که یک صفحه در شبکه ارسال میکند را کاهش دهید. اینکار، از طریق بارگذاری سریعتر صفحات و همچنین کارآمدتر کردن استفاده از منابع سرور وب، دستیابی کاربران و هدایت آنها به وب سایت شما را بسیار تسهیل می بخشد.

علاوه براین، شما می بایست از طریق برداشتن فواصل غیرضروری خطوط و فضاهای سفید، CSS و JavaScript را به حداقل برسانید. اینکار اندازه فایلها را کاهش داده و سرعت دانلود و تجزیه آنها را بالا می برد.

۴ ) اجزای غیرضروری صفحات را بردارید.

درک این مسئله حائز اهمیت است که کاربران از اجزای مختلف صفحه شما چگونه استفاده میکنند؛ چرا که اینکار تعیین اجزائی را که باید به منظور ارتقای عملکرد حذف شوند، آسانتر میکند.

در برخی صفحات، میتوانید به حذف کردن درخواستهای شخص ثالث مانند دکمه های اشتراک گذاری اجتماعی فکر کنید. Zurblog تاکید میکند که برای ” … بارگذاری فیس بوک، تویتر، و دکمه های رسانه های اجتماعی گوگل برای ۱۹ درخواست، ۲۴۶.۷k  پهنای باند لازم است.”

اگر برای یک صفحه واکنش گرا٬ به اشتراک گذاری در شبکه های اجتماعی بعنوان عنصر اصلی برای جذب ترافیک نیست، برداشتن آنها معقولانه به نظر میرسد.

۵ ) هاستینگ صحیح را انتخاب کنید.

کیفیت پایین سرورهای مورد استفاده میتواند عملکرد وب سایت را به میزان زیادی کاهش دهد.

طیف گسترده ای از پکیج های هاستینگ موجود است که دارای مزایا و قیمت های متفاوت هستند و از هاستینگ های مشترک ارزان چند دلاری در ماه تا سرویس های ابری و سرورهای کاملاً مدیریت شده اختصاصی صدها دلاری را شامل میشود.

در جستجوی پیکیج های هاستینگ وب، صرف زمان حائز اهمیت است تا مطمئن شوید باارزشترین را بدست آورده اید و به عملکردی که کاربران از شما تقاضا دارند، دست پیدا کرده اید. میتوانید با نگاه کردن به عملکرد رقبای خود و وب سایتها در سوله های مختلف، برای آنکه بدانید کدامیک از آنها سریعترین هستند، شروع به کار کنید. وقتی دانستید کدام سایتها بهترین عملکرد را دارند، میتوانید در سایت whoishostingthis.com به جزئیات آنها وارد شوید. این سایت به شما می گوید آنها از کدام ارائه دهنده هاست استفاده میکنند. همچنین از کم و کیف حمایت از مشتریان و مشکلات آنها در طول زمان باخبر می شوید.

اگر هنوز هم در مورد ارزش سرمایه گذاری در راه اندازی یک سرور قوی تر مطمئن نیستید، در نظر داشته باشید که : گوگل از سرعت صفحه بعنوان یک فاکتور رتبه بندی استفاده می کند و بین زمان رسیدن به اولین بایت ( TTFB ) و رتبه بندی های جستجو همبستگی وجود دارد.

سایتهای دارای TTFB پایین تر، از سرعت بالاتر برخوردارند و رتبه بهتری در مقایسه با سایت های کندتر دارای TTFB بالاتر دارند. مهمتر از همه اینها، هر ثانیه ی اضافی در بارگذاری وب سایت، نرخ تبدیل را به میزان ۷% کاهش می دهد.

۶ ) از یک شبکه تحویل محتوا برای محتوای ایستا استفاده کنید.

شبکه تحویل محتوا ( CDN )، شبکه ای از سرورهای مختلف است که محتوای شما را در سرورها پخش میکند. اینکار عملکرد را از طریق تحویل محتوا بر اساس نزدیکی کاربران به سرورها که به وسیله تعداد گره ها تعیین میشود، ارتقا می دهد.

برای مثال، اگر یک CDN، سرورهایی در لندن، تگزاس و چین دارد، کاربری در هند محتوای سرور واقع در چین را خواهد دید؛ درحالیکه محتوا از طریق سرور لندن به کاربری از پاریس تحویل داده میشود. هنگام انتخاب شبکه تحویل محتوا، افراد فاکتورهایی مانند سرعت و پهنای باند را در نظر می گیرند.

بنابراین، برای به حداکثر رساندن سرعت، باید اطمینان حاصل کنید که ارائه دهنده ی شما، سروری نزدیک به اکثر مخاطبانتان دارد. برای مثال، اگر مخاطبین شما عمدتاً در UK مستقر هستند، CDN شما باید سرورهایی در UK، فرانسه، یا ایرلند داشته باشد.

در خصوص پهنای باند، به آمار ماهانه خود در کنترل پنل هاستنیگ نرمال نگاهی بیاندازید. اگر تنها از ۵GB در ماه استفاده می کنید، انتخاب پکیج های بزرگتر چندان منطقی به نظر نمی رسد. برای پیشرفت، بهتر است بسته ای را خریداری کنید که از نیازهای فعلی شما اندکی بالاتر است.

زمانی که این فرایند را طی و دستورالعمل های گوگل را دنبال کردید، سایت خود را با PageSpeed Tool محک بزنید. این ابزار، کیفیت عملکرد سایت را به شما نشان می دهد و هر پیشنهادی را که برای پیشرفت بیشتر لازم است، به شما ارائه می دهد. 

با طی کردن این مراحل و دنبال کردن راهنمائی هایی که گوگل ارائه کرده است، سایت واکنش گرای شما از لحاظ عملکرد بهینه خواهد شد و تجربه ای عالی را در اختیار کاربران قرار می دهد.

توصیه هایی برای ایجاد وب سایت های بهینه شده برای گوشی های هوشمند

هر روز گوشی های هوشمند بیشتری فعال میشوند و وب سایت های بیشتری محتوای خود را برای این گوشی ها بهینه می کنند. از آخرین باری که از وب سایت های سازگار با موبایل سخن گفته شد، تاکنون گوگل سخت کوشیده تا حمایت از محتوای بهینه برای گوشی های هوشمند را بیشتر کند. بعنوان بخشی از این تلاشها، Googlebot-Mobile for smartphones را در دسامبر ۲۰۱۱۱ راه اندازی کرد که بطور اخص روی  شناسایی این نوع محتوا فعالیت کرده است.

امروز پیشنهادات گوگل در خصوص طراحی سایت های بهینه شده برای گوشی های هوشمند را ارائه میدهیم و توضیح خواهیم داد که چگونه از عهده ی اینکار برآییم به گونه ای که سایتهای بهینه دسک­تاپ و گوشی های هوشمند شما، از نتایج بهتر جستجو در گوگل برخوردار باشند.

توصیه هایی برای سایتهای بهینه گوشی های هوشمند

هنگام طراحی سایت برای گوشی های هوشمند، گوگل سه پیکره بندی مختلف را حمایت می کند:

۱ ) وب سایت های که از طراحی واکنشگرا استفاده می کنند.

برای مثال، وب­ سایت هایی که تمام دستگاه ها را با URL های یکسان پوشش می­ دهند و هر URL ، HTML یکسانی را برای تمام دستگاه ها بکار می­ برد و تنها از CSS برای تغییر نحوه رندر کردن صفحه در دستگاه استفاده میکند.این پیکره بندی پیشنهادی گوگل است.

۲ ) وب ­سایت ­هایی که بصورت داینامیک تمامی دستگاه ها را با مجموعه ای از URL های یکسان پوشش می دهند، اما هر URL، HTML ( و CSS ) مختلفی را، بسته به اینکه کاربر از دسک­تاپ یا گوشی موبایل استفاده می کند، بکار می ­گیرد.

۳  ) وب سایت های که دارای سایت های متفاوتی برای موبایل و دسکتاپ هستند.

طراحی واکنش­گرا

طراحی واکنش­گرای وب تکنیکی برای ساخت صفحات وب است که در آن اندازه نمایش صفحات با استفاده از مدیاکوئری های CSS3 تغییر پیدا می­کند.

بدین معنا که یک کد HTML برای صفحه، صرف نظر از دستگاهی که به آن دسترسی پیدا می­کند، وجود دارد؛ اما نمایش آن با استفاده از مدیا کوئری های CSS تغییر می­کند تا مشخص شود کدامیک از قوانین CSS در مرورگری که صفحه را به نمایش گذاشته است، کاربرد دارد.

استفاده از طراحی واکنش گرای وب با مزایایی همراه است، از جمله:

محتوای دسک­تاپ و موبایل شما را در یک URL نگه میدارد که ارتباط، اشتراک گذاری و لینک را برای کاربران، و تعیین ویژگی های نمایش محتوا را برای گوگل آسانتر می­کند.

گوگل می­تواند محتوای شما را مؤثرتر پیدا کند؛ چراکه مجبور نیست یک صفحه را برای بازخوانی و ایندکس تمام محتوای آن با Googlebot های مختلف کاربران کاوش کند.

HTML مخصوص دستگاه

در هر حال، ما به این موضوع نیز واقفیم که در بسیاری از موقعیت ها، استفاده از طراحی واکنش گرای وب ممکن و یا مناسب نیست. به همین دلیل است که گوگل از داشتن وب ­سایت­ هایی حمایت می­کند که محتوای یکسانی را با استفاده از HTML متفاوت مخصوص دستگاه در اختیار کاربر قرار می ­دهند.

HTML مخصوص دستگاه می تواند در یک URL ( پیکر بندی ای که آن را Dynamic serving می نامند ) یا URL های مختلف ( مانند example.com و m.example.com ) بکار گرفته شود.

اگر وب ­سایت شما از پیکره بندی Dynamic serving استفاده می کند، ما مطمئنا استفاده از Vary HTTP headerرا پیشنهاد می­کنیم که  سرورهای کشینگ و الگوریتم های گوگل را از تغییر محتوا بر اساس دستگاه مورد استفاده کاربر مطلع می­سازد.

گوگل همچنین از این بعنوان یک سیگنال خزنده برای Googlebot-Mobile استفاده می­کند.

در پیکره بندی جداگانه سایتهای موبایل، از آنجا که راههای زیادی برای اینکار وجود دارد، حاشیه نویسی هایی را پیشنهاد می­ کنیم که الگوریتم های گوگل را از یکسان بودن هدف در صفحات موبایل و دسک­تاپ شما مطلع می­سازد.

بدین معنا که حاشیه نویسی های جدید، ارتباط بین محتوای دسکتاپ و موبایل را بصورت جایگزینی برای همدیگر توصیف می­کند و باید بعنوان یک ماهیت جدا، که هر کدام برای طبقه ای خاص از دستگاهها طراحی شده اند، در نظر گرفته شوند.

برای راه اندازی وب سایت، آیا به یک سیستم مدیریت محتوا (CMS) نیاز داریم؟

در عصر حاضر اکثر شرکت ها و سازمان ها وب سایت رسمی خود را دارند و امروزه حتی اشخاص زیادی هم وبلاگ شخصی برای انتشار مطالبی در زمینه ی تخصص و علاقه ی خود فراهم نموده اند.

اگر قصد راه اندازی وب سایتی را دارید در مطلب ( ۵ دلیل اصلی در استفاده از سیستم های مدیریت محتوا ) در مورد دلایل استفاده از یک سیستم مدیریت محتوا ( CMSS ) صحبت شد، ابتدا آن را بخوانید و در ادامه ی مطلب حال حاضر می توانید با سیستم های مدیریت محتوایی که می توانید از آنها استفاده نمائید آشنا شوید.

یک سیستم مدیریت محتوا برای شما چه کارهایی انجام می دهد؟

در آغاز توسعه دهندگان و برنامه نویسان، صفحات وب را به صورت لوکال ( Local ) بر روی سیستم خود پیاده سازی می کردند و در پایان با استفاده از ابزارهای FTP فایل های ساخته شده به سرور انتقال داده میشد و این صفحات از طریق وبسایت موردنظر در دسترس کاربران و بازدیدکنندگان قرار میگرفت.

در صورتیکه نیاز به تغییر صفحات بود، این فرآیند باید مجددا تکرار می شد و این مساله زمانی بسیار مورد توجه قرار می گرفت که وب سایتی روزانه مطالبی را منتشر می کرد و صفحات و منوها باید به صورت داینامیک ایجاد و پیاده سازی می شدند.

یک وب سایت نیاز دارد روزانه و یا هفتگی آپدیت شود، کاربرانی متعدد برای افزودن مطالب به آن دسترسی داشته باشند و بتوان با ابزارهای فیدخوان مطالب را به صورت اتوماتیک دریافت کرد. برای اینکار به یک وب سایت داینامیک نیاز داریم تا با ایجاد یک ادمین اختصاصی کاربران بتوانند صفحاتی پویا تولید کنند و روزانه وب سایت آپدیت شود.

یک سیستم مدیریت محتوا یک ابزار مناسب برای توسعه دهندگان و کاربران است تا بتوانند یک وب سایت داینامیک را در زمانی سریع و با هزینه ای کمتر راه اندازی نمایند. حال سوالاتی که توسط کاربران مطرح می شود بدین صورت هستند که :

کدام سیستم مدیریت محتوا ( cms ) را استفاده کنیم؟ چه میزان هزینه ای برای راه اندازی و یادگیری آن باید صرف کنیم؟ امکاناتی که سیستم های مدیریت محتوا برای حوزه ی کاری ما فرآهم می کنند کدام ها هستند؟

در این مقاله آموزشی چندین سیستم مدیریت محتوای رایگان و برتر را به شما معرفی می کنیم و ویژگی های هرکدام را ذکر میکنیم و در نهایت با تصوری که شما نسبت به امکانات هر کدام خواهید داشت میتوانید تصمیم بگیرید کدام سیستم مدیریت محتوا برای وب سایت شما مناسب است ؟

سیستم های مدیریت محتوای اپن سورس ( Open Source ) برای نجات!

اگرچه سیستم های مدیریت محتوای زیادی وجود دارد ولی در این مقاله به سیستم های مدیریت محتوایی که با زبان برنامه نویسی PHP و بانک اطلاعاتی MySql نوشته شده اند و از محبوبیت زیادی در بین کاربران برخوردار است اشاره می شود. در ادامه ۳ سیستم مدیریت محتوای زیر را مختصرا بررسی قرار می دهیم و محبوب ترین سیستم مدیریت محتوا یعنی وردپرس را به تفصیل مورد بحث قرار می دهیم :

• وردپرس : یک سیستم مدیریت محتوای اپن سورس است که اغلب برای وب سایت های خبری و بلاگی استفاده می شود. در حال  حاضر محبوب ترین سیستم مدیریت محتوا می باشد.
• دروپال : یک سیستم مدیریت محتوای اپن سورس نوشته شده با زبان برنامه نویسی php است که تحت لایسنس GNU می باشد (GNU General public License ). این سیستم مدیریت محتوا به صورت فانکشنالیتی طراحی شده است و هزاران ماژول برای افزودن به آن در دسترس است که میتوانید از طریق وبسایت رسمی دروپال به آن ها دسترسی داشته باشید. توسعه دهندگان از این  سیستم مدیریت محتوا با توجه به ویژگی هایی که دارد معمولا برای وب سایت هایی همچون فاروم، پادکست، ارتباط با کاربر و … بیشتر استفاده میکنند. میتوانید کاربران و شرکت هایی که شناخته شده هستند و از دروپال استفاده می کنند را در وب سایت رسمی دروپال مشاهده نمائید.
• جوملا : یک سیستم مدیریت محتوای اپن سورس است که برای انتشار مطالب مورد استفاده قرار می گیرد و به صورت MVC که مخفف Model-View-Controllerr است پیاده سازی شده است. سیستم مدیریت محتوای جوملا برای پیاده سازی وب سایت های پیچیده ای همچون سیستم رزرواسیون، ابزارهای گزارش گیری و… مناسب است. میتوانید کاربران و شرکت هایی که شناخته شده هستند و از جوملا استفاده می کنند را در وب سایت رسمی جوملا مشاهده نمائید.

طبق آماری که مشاهده می کنید، درصد بسیار زیادی از وب سایت هایی که فعال هستند از سیستم های مدیریت محتوا استفاده می کنند و بیشترین آمار را سیستم مدیریت محتوای وردپرس به خود اختصاص داده است :

 

 

وردپرس ( WordPress ) :

وردپرس امروزه محبوب ترین سیستم مدیریت محتواست که هم اکنون هزاران وبسایت از آن استفاده می کنند. وردپرس توسط تعداد بسیار زیادی از دولوپرها استفاده می شود و می توان گفت بسیار دشوار است که سوالی برای کاربری در رابطه با وردپرس ایجاد شود و نتواند جواب آن را در اینترنت پیدا کند. می توانید کاربران و شرکت هایی که شناخته شده هستند و از وردپرس استفاده می کنند را در وب سایت رسمی وردپرس مشاهده نمائید.

سیستم مدیریت محتوای وردپرس مزیتها و ویژگی های زیر را برای کاربران فرآهم می کند :

• مطابقت کامل با استانداردها
• ایجاد صفحات و مقالات داینامیک
• پشتیبانی از قالب های ( پوسته ) مختلف
• ابزار ارتباطی متقابل وبلاگ ها
• نظرات کاربران
• محافظت در مقابل اسپم
• ثبت نام کاربر
• ایجاد مطلب خصوصی ( رمزگذاری شده )
• نصب و بروزرسانی آسان
• ایمپورت راحت اطلاعات
• محیط کاربرپسند
• تایپوگرافی مناسب
• استایل دهی هوشمند به متن
• چند کاربره
• ویرایش و بازبینی مطالب
• مدیریت لینک آدرس بار وب سایت ( پیوندهای یکتا )
• مدیریت تصاویر و فایل های آپلود شده
• ایجاد دسته بندی ها و برچسب های مقالات
• ایجاد منو و زیرمنو
• ابزار دریافت خروجی اطلاعات به صورت XML (بک آپ )
• ایجاد سطوح دسترسی مختلف برای کاربران
• نصب پلاگین ها و افزودن قابلیت های مورد نظر

 

شما می توانید از مخزن وردپرس به هزاران پلاگین وردپرس دسترسی داشته باشید و قابلیت ها و امکاناتی که مورد نیازتان است را روی وب سایت خود نصب کنید. توسعه دهنده ها و برنامه نویسان همواره سعی می کنند با ساخت پلاگین هایی٬٬ امکانات مورد نیاز کاربران را به سیستم های مدیریت محتوا اضافه نمایند برای مثال در تصویر زیر برترین و پراستفاده ترین پلاگین هایی که کاربران برای وردپرس استفاده نموده اند را مشاهده می کنید که با مطالعه توضیح کوتاه هر کدام متوجه کاربرد هر کدام از آنها خواهید شد.

 

نکته : در نهایت میتوان گفت که در صورت یکه قصد راه اندازی وب سایتی برای کسب وکار خود دارید لازم است در ابتدا هدف خود از راه  اندازی وب سایت را مشخص نمائید و امکاناتی که لازم است وب سایت شما داشته باشد را در نظر بگیرید و بر این اساس با مطرح نمودن اهداف و نیازمندی های خود با یک توسعه دهنده و برنامه نویس می توانید تصمیم بگیرید از کدام سیستم مدیریت محتوا استفاده نمائید.

۵ دلیل اصلی در استفاده از سیستم های مدیریت محتوا (CMS)

قبلا در مورد مفهوم سیستم مدیریت محتوا و اهمیت آن صحبت کردیم.در این مقاله به توضیح دلایل استفاده از ( CMS ) یا همان سیستم مدیریت محتوا می پردازیم.

با استفاده از یک سیستم مدیریت محتوا میتوان در زمان سریعتر و با هزینه کمتری وب سایت را راه اندازی کرد.

استفاده از سیستم های مدیریت محتوا بنا به ۵ دلیل زیر توصیه می شوند:

۱ )  کم هزینه بودن CMSها

استفاده از یک سیستم مدیریت محتوا به این معناست که شما وب سایت تان را با هزینه کمتری نسبت به  طراحی یک وبسایت اختصاصی راه اندازی می کنید. در صورتی که از سیستم های مدیریت محتوایی همچون وردپرس و یا جوملا استفاده نمایید و توانایی این را داشته باشید  که خودتان راه اندازی، نصب قالب وردپرس، نصب پلاگین های مورد نیاز و تامین امنیت آن را انجام دهید، می توانید در کمتر از چند روز وب سایت خود را راه اندازی نمایید. البته اگر قصد داشته باشید قالبی اختصاصی با امکاناتی بیشتر از امکانات وردپرس و جوملا داشته باشید باید متخصصی را در این زمینه استخدام نمایید که در ادامه به آن اشاره می شود.

۲ ) سهولت استفاده از سیستم مدیریت محتوا

اگر شما با مفهوم کامپیوتر و استفاده از آن آشنا هستید، اگر میتوانید یک ایمیل رسمی ارسال کنید، اگر اکانت فیس بوک و یا سوشال های خودتان را تنظیم کردید پس میتوانید که وب سایت خودتان را نیز مدیریت کنید. نکته ی مهم اینجاست که لزومی ندارد که برای وب سایت تان موک آپ یا وایرفریم طراحی کنید و دیزاین اختصاصی داشته باشید، شما حتی بدون دانش فنی نیز می توانید قالب وب سایت خود را تغییر دهید.

۳ ) به سادگی وب سایت خود را مدیریت کنید.

شما میتوانید امور وب سایت تان و به روزرسانی آن را خودتان انجام دهید ویا اینکه این مسئولیت را به یکی از اعضای شرکتتان بسپارید. ( به جای اینکه برنامه نویسی برای آن استخدام نمایید. ) با مدیریت وب سایت تان از درون سازمان در زمان صرفه جویی خواهد شد و پیشبرد مداوم بارگذاری مطالب بر روی وبسایت و به روز رسانی آن راحت تر مدیریت خواهد شد.

۴ ) پشتیبانی خوب و به موقع

سیستم های مدیریت محتوا، کاربران آنلاین و تیم پشتیبانی خوبی دارند. در صورتی که قصد داشته باشید سیستم مدیریت محتوای خود را توسعه دهید و یا مشکلی داشته باشید میتوانید از تجربه کاربران استفاده کنید و یا در تالارهای گفتگو سوالاتتان را مطرح کنید.

۵ ) بهینه بودن برای موتورهای جستجو

اکثر سیستم های مدیریت محتوا ( CMS ) برای موتورهای جستجو بهینه سازی شده اند ودارای طراحی واکنشگرا هستند، که افزایش رنک در گوگل و سایر موتورهای جستجو  را آسان تر می کنند. زمانی که شما وب سایتی برای کسب وکارتان راه اندازی می کنید در صورتیکه زیباترین وب سایت از لحاظ تجربه کاربری باشد ولی برای موتورهای جستجو بهینه سازی نشده باشد موجب جذب بازدیدکننده/ ترافیک به وبسایت  نخواهد شد.

 

نکته مهم : در نکات ذکر شده ی بالا به این موضوع اشاره کردیم که خودتان وب سایت تان را راه اندازی نمایید و در زمان و هزینه هایتان  صرفه جویی نمایید، این موضوع بدین معنا نیست که شما بخواهید صفر تا صد وب سایت تان را به تنهایی انجام دهید و برای توسعه، ارتقا و یا افزایش امکانات، خود پیگیر موضوع باشید. توصیه می شود در قدم اول وب سایت تان را برای دریافت فیدبک از کاربران و مشتریانتان با سیستم مدیریت محتوا ( CMS ) بسازید و نکات مهم و نیازمندی های وب سایت تان را برای ارتقا شناسایی نمایید، سپس در قدم های بعدی  به طراحی و توسعه وب سایت اختصاصی کسب وکارتان توسط افراد حرفه ای و فنی اقدام نمایید.

سیستم مدیریت محتوا ( CMS ) چیست و چرا باید به آن اهمیت داد؟

سیستم مدیریت محتوا مخفف کلمه ی انگلیسی ( CMS ( Content management system است و در حوزه کامپیوتر و وبسایت به معنی سیستم مدیریت محتوا می باشد و یک نرم افزار تحت وب است، و از این طریق به شیوه ای آسان و سازماندهی شده میتوان محتواهای  وب سایت را بدون دانش تکنیکال مدیریت و منتشر کرد.

برای طراحی و ساخت وبسایت یا وبلاگ استفاده از CMS ها توصیه می شود زیرا توانایی آپدیت و ارتقا در این سیستم ها بدون اینکه نیاز باشد شما دانش فنی این زمینه را داشته باشید و یا افرادی را برای آن استخدام نمایید، وجود دارد.

زمانی آپدیت و بروزرسانی یک وب سایت، انتشار یک پست و یا ویرایش یک پاراگراف بسیار زمانبر و وابسته به افرادمتخصص درحوزه ی فن آوری اطلاعات و IT بود ولی با وجود سیستم های مدیریت محتوا، CMS امروزه این گونه کارها به راحتی و بدون نیاز به اشخاصی متخصص انجام می شود.

امروزه به لطف ادیتورهایی مانند WYSIWYG , CKEDITOR و سیستم های مدیریت محتوا، شما احتیاجی به دانش کامپیوتری برای دیزاین  محتوا همچون بولد کردن، ایتالیک، تغییر فونت و… ندارید. اگر شما میتوانید یک ایمیل ارسال کنید پس می توانید وب سایت تان را آپدیت نمایید.

 

همه ی سیستم های مدیریت محتوا رایگان نیستند. یک سیستم مدیریت محتوا به منزله یک پله ترقی برای کسب وکارهای کوچک و سازمانهای متوسطی است که بودجه ی بخش فنی آنها خیلی قابل توجه نیست.

یکی از مزایای CMS این است که سیستم مدیریت محتوا باعث میشود شما در زمان سریعتر و با هزینه ی پایین تری وب سایت خود را راه بندازید و زمان و بودجه خود را روی موارد مهمتری در بازاریابی اینترنتی برای کسب وکارتان اختصاص دهید، مواردی همچون بازاریابی محتوایی و بازاریابی در شبکه های اینترنتی  و یا برندینگ اینترنتی.

در صورتی که ایده ای در ذهن دارید و بودجه ی شما پایین است، و قصد دارید ایده ی خود را به بهترین نحو معرفی کنید، می توانید با تمرکز بر روی محتوا و مطالبی که تولید می کنید و راه اندازی وب سایت با یکی از سیستم های مدیریت محتوای رایگان قدم اول را بردارید.

سیستم های مدیریت محتوای رایگان زیادی وجود دارند مانند وردپرس، جوملا، اپن کارت و … که شما بسته به فعالیت و نیازی که دارید باید یکی از آنها را انتخاب نمایید.

در صورتی که شما قصد راه اندازی وبلاگ دارید بهترین گزینه برای شما وردپرس یا جوملا می باشد. اگر قصد راه اندازی یک فروشگاه اینترنتی را دارید می توانید از سیستم های مدیریت محتوایی مخصوص به تجارت الکترونیک مانند اپن کارت، شاپی فای، مجنتو و یا پلاگین های تجارت الکترونیک ( e-commerce plugin ) مانند ووکامرس ( woocommercee ) برروی سیستم مدیریت محتوای وردپرس استفاده کنید.

چهار معیار اصلی که در طراحی مجدد وب سایت باید به آن توجه کنید

فرآیند طراحی مجدد وب سایت از معماری اطلاعات وب سایت شروع شده با طراحی UI و UX مناسب و کد زدن توسط توسعه دهندگان وب به پایان می رسد. اگر چه که هر یک از مراحل ذکر شده با اهمیت هستند، اما یادتان باشد که ۴۴ معیار اصلی را پس از طراحی مجدد وب سایت تان در نظر بگیرید تا از میزان کارایی و موثر بردن طرح جدید وب سایت تان مطلع شوید.

ارزیابی نحوه ی کارایی وب سایت کسب وکار شما، یکی از مسئولیت ها و وظایف مهمی است که باید همواره مدنظر داشته باشید چرا که موجب دستیابی موثرتر به بازار هدف و جذب نمودن مشتریان بالقوه می شود.

برای برندسازی اینترنتی، وب سایت شما به عنوان نماینده برند شما در فضای مجازی، باید در مقایسه با وب سایت سایر رقبا کاملا کارا و کاربرند پسند باشد. برای رسیدن به این هدف، هرگز آنالیز و تحلیل را فراموش نکنید.

در اینجا به توضیح ۴معیار اصلی برای تحلیل وب سایت می پردازیم :

۱ ) ترافیک و منبع ترافیک ( Traffic & Traffic source )

اگر وب سایت قدیمی شما، ماهیانه حدود ۲۰۰ بازدید داشته و یکی از اهداف شما از طراحی مجدد وب سایت افزایش بازدیدکننده ها و ترافیک بیشتر است باید متوجه این امر باشید که منابع جذب ترافیک برای وب سایت شما کدام است؟

منابع آورنده بازدیدکننده به سایت به دوسته اصلی تقسیم می شوند:

۱ ) ترافیکی که با پرداخت وجه به سایت آورده شده.

 ۲ )  ترافیک اصلی (organic)

هم چنین انواع دیگری از منابع آورنده مخاطب به وب سایت نیز به شرح زیر می باشد :

Direct traffic : کسانی که مستقیما آدرس وب سایت شما را تایپ می کنند و وارد سایت می شوند.

Search traffic : بازدید کنندگانی که با کلیک کردن روی یکی از لینک های که بعد از سرچ از طریق موتورهای جستجو برروی صفحه آوره  شده است وارد وب سایت شما شده اند.

Reference traffic: بازدیدکنندگانی که از طریق وجود لینک برند شما در وب سایت های دیگر وارد وب سایت تان شده اند.

Paid traffic: بازدیدکنندگانی که از طریق لینک های CPM ,CPC, PPC و یا Display وارد وب سایت شما شده اند.

Social traffic: بازدیدکنندگانی که از طریق وجود لینک وب سایت شما در یکی از شبکه های اجتماعی وارد وب سایت شما شده اند.

با تعیین شفاف میزان ورود ترافیک و بازدیدکننده از هر یک از این منابع به خوبی خواهید یافت که فعالیت بازاریابی اینترنتی شما به منظور جذب ترافیک بیشتر برای وب سایت در چه جاهایی قوت و ضعف دارد.

Google Analyticsبه شما کمک می کند تا بتوانید به طور دقیق منابع جذب مخاطب و میزان اثر بخشی اش را مشخص کنید.

۲ ) میزان جذب مخاطب در وب سایت ( visitor engagement  ) :

اگرچه تمامی مخاطبین و بازدیدکنندگان در نهایت به مشتری برای وب سایت ها تبدیل نمی شود اما مهم آن است که چگونگی تعامل بازدیدکننده با وب سایت را رصد نمایید.

به زبان دیگر باید متوجه شوید که بازدیدکنندگان چه صفحاتی را در وب سایت شما دنبال می کنند و نیز اینکه چه تعداد از این بازدیدها، بازدیدهای جدید ( Unique visitors بازدیدکنندگان با آدرس IP واحد که برای اولین بار به وب سایت شما سرزده اند ) هستند.

اینکه بدانید بازدیدکنندگان در ابتدا وارد چه صفحه ای شده اند و آخرین صفحه ای را که دیده اند قبل از اینکه وب سایت را ترک کنند، اهمیت دارد.

۳ ) نرخ پرش ( Bounce rate ) :

همه بازدیدکنندگان وب سایت شما، شروع به تعامل و جستجو در وب سایت شما نخواهند کرد و عده ای از آنها به محض ورود، با کلیک بعدی از وب سایت خارج می شوند، که به آن نرخ پرش یا Bounce rate می گویند.

اگر نرخ پرش وب سایت شما بالا باشد دلیلش یکی از عوامل زیر می تواند باشد :

• منبع نامرتبط / یا محتوای نامرتبط با آنچه جستجوکنندگان به دنبال آن هستند.

•  مدت زمان زیاد برای لود شدن / سرعت پایین وب سایت

• عدم بهینه سازی مناسب برای صفحات فرود ( Landing pages )

•  عدم طراحی بهینه و مناسب

• ضعف درکارایی وب سایت شما و عدم کاربرپسندی وب سایت

نکته مهم هنگام طراحی مجدد وب سایت و کاهش نرخ پرش، تمرکز وفراهم نمودن محتوای باکیفیت، طراحی کاربرپسند و اشاره درست به مطالب و مواردی است که جستجوکننده به منظور دستیابی به آن، در موتور جستجو به جستجو پرداخته است.

معمولا نرخ پرش بین  تا %۷۰- %۲۶است و نرخ پرش زیر ۵۰% برای یک وب سایت با توجه به میزان ترافیکش قابل قبول است.

۴ ) بازدیدکننده و نرخ تبدیل آن به مشتری بالقوه :

باتوجه به میزان ترافیک وارد شده به وب سایت، شما باید بتوانید نرخ و یا درصد تبدیل بخشی از این ترافیک را که در آینده به مشتریان شما تبدیل خواهند شد را اندازه گیری نمایید، که به این معیار اندازه گیری اصطلاحا نرخ تبدیل بازدیدکننده به مشتری بالقوه یا مشتری آینده گفته می شود. این معیار نسبت مستقیم با میزان سوددهی و فروش و ایجاد مشتری جدید از طریق وب سایت دارد. نرخ تبدیل حدودا ۳% – ۲% یک نرخ تبدیل نسبتا خوب می باشد.

صحبت آخر :

جدا از اینکه طراحی وب سایت شما تا چه اندازه زیباست، آنچه پس از طراحی مجدد وب سایت شما حائز اهمیت است، اندازه گیری،  آنالیز و تحلیل معیارهایی است که براساس آن می توانید میزان کارایی وب سایت جدیدتان را بسنجید. یادتان باشد که یک بایگانی از اطلاعات مربوط به این معیارها قبل و بعد از به روز رسانی و طراحی مجدد وبسایت تان تهیه کنید که در گذر زمان بتوانید نحوه و میزان پیشرفت کارایی وب سایت خود را بسنجید.

چگونه یک طرح UX خوب برای وب سایت خلق کنیم؟

بدون شک طراحی یک UX مناسب و کاربرپسند براساس معماری و ساختار اطلاعات و محتوای وب سایت یکی از مهمترین موارد هر وب سایت برتر می باشد.

امروزه ساختار سازی کلیه اطلاعات یک وب سایت از طریق تیمی شامل : طراحان وب، توسعه دهندگان وب و تولیدکنندگان محتوی، تهیه و نهایی می شود.

معماری و ساختار سازی اطلاعات و محتوا که شامل خلق و ساختاردهی اطلاعات یک وب سایت، اپلیکیشن و یا هرگونه از پروژه های دیجیتالی می شود، به کاربران کمک می کند تا بسیار راحت تر بتوانند از وب سایت یا اپلیکیشن استفاده نمایند و به راحتی اطلاعات مورد نظر خود را پیدا کنند.

هدف اصلی ساختار سازی و معماری اطلاعات، دستیابی موثرتر به اهداف کسب وکار، بازار هدف و افزایش نرخ فروش در کلیه پلتفرم ها از قبیل تبلت، دسک تاپ و موبایل می باشد.

ساختارسازی و معماری اطلاعات منجر به تهیه ساختار محتوایی قابل استفاده و دور از پیچیدگی و سردرگمی برای کاربران می شود و اساس آن نیز بر پایه فراهم نمودن حداکثر کاربر پسندی طراحی وب سایت می باشد.

هنگامی که معماری اطلاعات یک وب سایت مشخص شد، طراحان UX می توانند به طراحی وب سایت بپردازند.

در این مرحله طراحان UX باید در طراحی، علاوه بر آسانی نویگیشن ( Navigation )، عواملی که موجب افزایش جذابیت و تعامل مخاطب با وب سایت می شوند را نیز مد نظر قرار دهند.

برای داشتن یک UX خوب برای یک وب سایت که منشاء آن ساختار سازی و معماری اطلاعات درست است، موارد زیر را باید در نظر بگیرید.

۱ ) شناخت بازار هدف و مخاطبین

در ابتدای فرآیند معماری اطلاعات باید بدانیم که یک وب سایت چگونه می خواهد به مخاطبینش کمک کند؟ و اینکه هدف کسب و کار شما از ایجاد این وب سایت چیست؟

۲ ) نویگیشن ( Navigation )

هنگامی که مشخص شد وب سایت کسب وکار شما چگونه می خواهد به مخاطبینش کمک کند، و چه اطلاعاتی را باید به بازار هدف ارائه دهد، نوبت طراحی نقشه وب سایت  ( Site map ) و چگونگی نحوه تعامل مخاطب با وب سایت می رسد.

۳ ) طراحی و ظاهر وب سایت

یک طرح ساده شماتیک به منظور نشان دادن راه و مسیری که مخاطب بازدیدکننده از سایت از هر صفحه به صفحه دیگر را دنبال می کند را باید در این مرحله طراحی نمود. در پایان این مرحله می توان یک wireframe شفاف و روشن از وب سایت کسب وکارتان داشته باشید.

قبل از رونمایی از وب سایت با طراحی جدید، باید بار دیگر کاربر پسندی و راحتی تعامل در تمامی صفحات وب سایت را توسط کارمندان خود تست کنید و نتایج را به منظور توسعه طراحی وب سایت و قبل از رونمایی از وب سایت، اعمال نمایید.

یک طراحی UX خوب، بسیار بر روی طراحی یک وب سایت برتر موثر است و یادمان باشد برای طراحی یک UX خوب، ساختار سازی و معماری اطلاعات وب سایت با در نظرگرفتن نیازهای مخاطبین و اینکه “هدف آنها از مراجعه به وب سایت کسب وکار شما چیست ؟”، شرط اساسی است.

۷ علتی که گوگل به خاطر آنها از وب سایت شما متنفر است

گوگل، اینترنت را اداره می کند.

گوگل قوانینی دارد که صاحبان کسب وکارهای اینترنتی یا تجارت الکترونیک، بازاریابی اینترنتی برای موفق شدن در فضای مجازی می بایست آنهارا رعایت کنند تا نهایتا بتوانند رتبه بالایی کسب کنند. گوگل از وب سایت هایی که ۷۷ مورد زیر در آن ها رعایت نشده اصطلاحا متنفر است به عبارت دیگر آن ها را در رتبه بالا قرار نمی دهد.

۷ علتی که گوگل به خاطر آنها از وب سایت شما متنفر است به شرح زیر است این ۷ مورد اصول توسعه ی وب سایت میباشند.

۱) وب سایت تان توسط سیستم مدیریت محتوای ( CMS: Content Management System ) سئو پسند حمایت نمی شود.

قدرتمندترین وب سایت ها آنهایی هستند که توسط CMS های قدرتمند حمایت می شوند. بدیهی است که گوگل در میان انواع این سیستم مدیریت محتوا، WordPress را بیشتر از بقیه CMS ها دوست دارد، پس بهترین نظر می تواند این باشد که شما نیز WordPresss را دوست داشته باشید و از آن استفاده کنید. ( WordPresss به اندازه کافی قدرتمند است که بتواند وب سایت های شرکت های بزرگ را اجرا کند، همچنین امروزه در میان بیشتر بازاریابان متخصص در فضای مجازی، برترین انتخاب به حساب آمده است! )

۲) وب سایت شما واکنشگرا نیست! ( به زبان عامیانه موبایل پسند Mobile friendly نیست! )

اینکه وب سایت تان در تلفن همراه به خوبی به نمایش در نیاید و اصطلاحاً تلفن همراه پسند نباشد عامل مهمی است که می تواند مانع از ورود شما به فهرست گوگل شود. برای اینکه وضعیت سایت تان در تلفن های همراه را مطلع شوید، اینجا را کلیک کنید، گوگل پاسخ صحیح را  به شما می دهد.

۳) سایت تان نقشه ندارد!

نقشه سایت به گوگل یک لیست از صفحات وب سایت تان را میدهد تا گوگل و دیگر موتورهای جستجو به وسیله آن در صفحات وب سایت بچرخند و ساختار سایت تان را بفهمند. نقشه سایت، فهم هوشمندانه وب سایت و محتوایی که در آن قرار داده شده است را برای خزنده های وب ( web crawlers ) در موتورهای جستجو فراهم می کند.

۴) استفاده نادرست از فایل های robots.text

فایل های robots.text برای این استفاده می شوند که به شما کمک می کنند که به موتورهای جستجو بگویید چه صفحات و بخش هایی از سایت تان را می خواهید نادیده بگیرند. اگر شما آنها را به اشتباه ایجاد کنید و تصادفاً به این وسیله خزنده های وب در موتورهای جستجو را از خزیدن بر صفحات اصلی سایت تان منع کنید و آسیب بزرگی به نمایش وب سایت تان در فضای مجازی وارد می کنید.

۵) صفحات وب سایت شما مملو از لینک های معیوب، صفحات ۴۰۴، یاجهت دهی های موقتی است.

آیا شما اخیرا وب سایت تان را طراحی مجدد کردید؟صفحاتی را از سایت قدیمی تان حذف کردید؟ آیا تغییراتی در ساختار URL ( نشانی وب ) برخی از صفحات تان ایجاد کردید؟ اگر پاسخ مثبت است، پس هنگامی که سایت جدیدتان را ایجاد می کنید این تغییرات در URL سبب خطاهای ۴۰۴ می شود البته اگر این این آدرس دهی ها به درستی هدایت نشده باشند. این مشکلات دفع SEO و  عدم استفاده مخاطب را در پی دارد و باید هر چه سریع تر حل شوند. همچنین مطمئن شوید که شما هدایت مجدد دایمی ۲۰۱ را بیشتر از هدایت های مجدد موقتی داشته باشید.برخلاف خطاهای ۳۰۱، خطاهای موقتی ارزش SEO را از یک URL به URL دیگر انتقال نمی دهد.

۶) نداشتن توضیحات متا (Meta Description ) و متنی که جای تصویر می آید. ( Alt-image text )

به علت اینکه گوگل قادر به دیدن عکسی که درسایت گذاشتید نیست، پس باید تصاویر، متنی نیز داشته باشند که به جای آن ها نمایش داده شوند. گوگل از متن اطلاعاتی را دریافت می کند که به او کمک می کند که بفهمد تصویر چیست و ارتباطش چیست. وقتی که شما در سایت تان از تصاویر بدون اینکه متن جایگزین تصویر داشته باشند استفاده می کنید، گوگل نمی تواند بر روی تصاویر بخزد و یا آن ها را ببیند. حتی وقتی که تصاویر را مطابق با کلمات کلیدی هدف و توضیحات مرتبط نیز انتخاب می کنید، گوگل باز هم نمی تواند تشخیص دهد که تصویر چیست، در نتیجه محتوایتان را در بخش تصاویر موتور جستجو قرار نمی دهد.

گوگل همچنین از توضیحات متا برای فهم محتوای صفحات وب سایت شما استفاده می کند. کاربران نیز به هنگام مشاهده نتایج متفاوت درخواستهای جستجویشان، توضیحات متا را می بینند.توضیحات متای توصیفی و غنی از کلمات کلیدی هم برای کاربران وب و هم موتورهای جستجو این امکان را فراهم می کند که در یک لحظه متوجه شوند که وب سایت تان درباره چیست.

۷) وب سایت تان پر از محتواهای تکراری، با کیفیت پایین و اسپم است!

همه می دانیم که محتوا مهم ترین جز یک سایت است، پس نباید از پافشاری هر چه بیشتر سئو ( SEO ) بر روی محتوا تعجب کنیم. اگر از تکنیک های تاریخ گذشته و اسپم سئو ( SEO ) مثل پرداختن به پیوندها ( لینک ها ) برای جذب ترافیک به وب سایت جدید برندتان استفاده می کنید مطمئن باشید که شما توسط گوگل تنبیه می شوید. مطمئن شوید که صفحات پنهان شده ندارید و متن همرنگ با پیش زمینه نیست. همچنین به صلاح شما است که به محتوایتان نیز توجه کنید که تکراری، بی کیفیت و مملو از لغات کلیدی نباشد. اگر این طور باشند، موتورهای جستجو به وب سایت تان چندان توجه نمی کنند. برای محتواهای با کیفیت و مداومی که برای بازدید کنندگان ارزش آفرینی می  کنند، سرمایه گذاری کنید.

حقیقتی که حالا نمی توان از آن فرار  کرد این است که دیگر نمی توان گوگل را فریب داد. در فضای مجازی و آنلاین قوانین را باید دنبال کنید تا بتوانید رتبه بالایی در موتورهای جستجو به دست آورید. اگر وب سایت ها ۷ اصل توسعه وب سایت همانند دارا بودن سیستم مدیریت محتوا، نقشه سایت، متن جایگزین تصویر، توضیحات متا و… را رعایت کنند به طور حتم سئو در آن ها رعایت شده و گوگل اصطلاحاً از سایت شان متنفر نیست و رتبه بالایی در رتبه بندی وب سایت ها به دست خواهند آورد.

اصول نویگیشن واکنش‌گرا در وب سایت های پیچیده

تجربه ­کاربری خوب برای یک وب­ سایت، به وجود آوردن یک تعامل ساده­، راحت و شفاف برای کاربر در تمام صفحات وب­ سایت از طریق یک نویگیشن و یا منوی مرکزی جامع می باشد.

به علت نیاز به وجود قسمت های مختلف برای هرقسمت از وب­ سایت های پیچیده، ساده نگاه داشتن منوی اصلی ( نویگیشن ) در وب سایت های پیچیده به راحتی امکان پذیرنیست.

اضافه نمودن و افزودن بخش های مختلف وب­ سایت در درون منوی اصلی از یک سمت، ساده و شفاف نگاه داشتن نحوه تعامل مخاطب در تمامی بخش های وب­ سایت و ارائه یک تجربه کاربری مفید و کارا از سوی دیگر، کار راحتی نیست و نیاز به در نظر گرفتن یک سری نکته ها در چگونگی تدوین نویگیشن واکنش‌گرا دارد.

در اینجا سعی شده از طریق یک مثال، تکنیک های لازم برای ایجاد یک نویگیشن واکنش‌گرا برای یک وب­ سایت پیچیده شرح داده شود.

در ادامه به اصول تدوین منو یا همان نویگیشن واکنش‌گرا می پردازیم.

• فرآیند تدوین نویگیشن واکنش‌گرا

شرط موفقیت در تدوین نویگیشن واکنش‌گرا، خصوصا برای وب ­سایت های پیچیده و بزرگ، همکاری دقیق و نزدیک با صاحبان وب سایت مذکور می باشد.

در قدم اول تدوین نویگیشن واکنش‌گرا، به تحقیق هرچه بیشتر در مورد مخاطبین وبسایت بپردازید و اینکه مخاطبین وب­ سایت، دنبال بدست آوردن چه نوع اطلاعاتی از طریق وب­ سایت هستند.همواره اولویت محتوای وب­ سایت با بخش هایی است که مخاطبین بیشتر به دنبال آن هستند.

بنابراین محتوا و اطلاعاتی که مخاطب به دنبال آگاهی از آنها وارد وب­ سایت شما شده است، باید به ساده ترین شکل ممکن در منو، قابل دستیابی باشد.

بدون شک، صاحبان وب­ سایت، بسیار خوب از اینکه چه قسمت هایی از محتوای وب­ سایت از دید مشتریان شان از اهمیت بالایی برخوردار است، مطلع هستند. پس براساس یک اولویت بندی محتوایی یک ساختار جامع را طراحی کنید به گونه ای که هر بخش به چند زیرشاخه، بنابه اهمیت آنها دسته بندی شود.

بنابراین در درون منوی اصلی، موارد با اهمیت قرار می گیرند و بخش های دیگر بنابه اولویت شان در زیرشاخه ها.

اما گاهی تعدادی دیگر از آیتم ها در وب­ سایت های بزرگ وپیچیده وجود دارد که آنها نیز باید به راحتی از طرف مخاطب سایت دیده شوند اما اولویت و اهمیت شان به حدی نیست که در نویگیشن اصلی قراربگیرند. برای این دسته از موارد یک نویگیشن بار ساپورت کننده یا ثانویه در نظر گرفته می شود.

به عنوان  مثال وب سایت  healthunit.com شامل منوی اصلی و منوی فرعی می باشد.

پس از بخش بندی براساس اولویت ها به سبک زیر، مرحله ی دیزاین و بهینه سازی طراحی واکنش‌گرا برای صفحات با سایزهای مختلف (تلفن های هوشمند و تبلت) می باشد.

در وب سایت هایی با دو منو اصلی و فرعی، برای طراحی برای صفحات تلفن های هوشمند، همواره منوی اصلی را به صورت عمودی ( همان طور که در شکل آمده ) نشان می دهند و نویگیشن واکنش‌گرای ثانویه را به شکل خطوط موازی کوچک ( همبرگر منو ) نمایش می دهند.

گاهی نیز با توجه به مشخصات بازار هدف ( مثلا  سن مخاطبین و کاربران ) و رفتارشناسی مشتری، به جای استفاده از همبرگرمنو، در ادامه منوی اصلی و به صورت عمودی آورده می شود تا تجربه کاربری راحت تری را به کاربر ارائه نماید.

پس از شفاف سازی این قسمت و بخش بندی و اولویت بندی نویگیشن یا منو در طراحی واکنش‌گرا، به طراحی شکل ظاهری وب سایت بپردازید.

گاهی نگاهداشت طراحی برای صفحات دسکتاپ ( صفحات بزرگتر ) و طراحی برای صفحات کوچکتر مثل گوشی های هوشمند، کار آسانی نیست که در خیلی از موارد می توان از منوی مدل همبرگری کمک گرفت.

یکی دیگر از راه حلها، استفاده از Page Slide می باشد که به کاربر این راحتی را می دهد که به راحتی با منوی وب سایت در گوشی های هوشمند تعامل داشته باشد.

حسن page slide، امکان وجود منو یا نویگیشن بار بلندتر است که به راحتی کاربر می تواند آن را به بالا یا پایین حرکت دهد درحالی که متون و محتوی مربوطه در عمق طراحی وب سایت گم نمی شود.

راهکار دیگر استفاده از منوی واکنش‌گرای چند سطحی می باشد. ( Responsive molti –level Menu ) این روش به کاربر کمک می کند که به راحتی و سهولت بسیاری از بخش های منوی اصلی را رد کند و به سطوح پایین تر ( بخش های پایین تر ) نویگیشن اصلی برسد بدون آنکه از صفحه مربوطه بیرون برود و منتظر بماند تا صفحه جدید باز ( load ) شود.

به طور کل شناخت کاربر و رفتارشناسی بازار هدف، یکی از عوامل مهم در چگونگی طراحی نویگیشن وب­ سایت های پیچیده میباشد. سمت و سوی تعامل مخاطب با وب سایت باید در جهت راحتی مخاطب و هدایت بازدید کننده از اصلی ترین بخش ها و محتوای وب­سایت به سایر قسمت ها باشد.

رعایت این اصل در  طراحی واکنش‌گرا، هم برای صفحات بزرگ و هم صفحات کوچک، حتما لحاظ کنید. یادمان باشد سادگی و راحتی تعامل مخاطب با وب­سایت ( navigation ) شرط اول در طراحی نویگیشن واکنش‌گرا می باشد.