۱۳۹۶ آبان ۳۰, سه‌شنبه

طراحی سایت با وردپرس

طراحی سایت با وردپرس

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

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

میزان محبوبیت طراحی سایت با وردپرس

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

چرا وردپرس را برای طراحی سایت انتخاب کنیم؟

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

پنل کاربری استاندارد و آسان وردپرس

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

پنل مدیریت وردپرس

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

پیاده سازی بر بستر PHP و MySQL

در حال حاضر PHP‌ محبوب ترین زبان برنامه نویسی برای طراحی وبسایت است و طبق گزارش سایت w3techs در نوامبر ۲۰۱۷ نزدیک به ۸۳ درصد سایت های جهان از این زبان برای پیاده سازی هسته سایت خود بهره برده اند. سیستم مدیریت محتوای وردپرس نیز برپایه php کدنویسی شده و همین امر موجب شده از انعطاف پذیری و قابلیت ارتقای بالایی هنگام طراحی سایت با وردپرس برخوردار باشید.

زبان های برنامه نویسی رایج در طراحی سایت

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

تطابق وردپرس با استانداردهای سئو

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

طراحی سایت با وردپرس و همخوانی با استانداردها سئو

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

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

امنیت بالا و به روزرسانی مستمر هسته وردپرس

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

امنیت در طراحی سایت با وردپرس

امنیت وردپرس سمت کاربر

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

رایج ترین عبارت های به کار رفته برای رمز عبور در سال ۲۰۱۶ شامل 123456، qwerty و 111111 هستند که همگی برای هکرها شناخته شده و قابل حدس هستند. جالبتر اینکه اگر این لیست را به ۲۵ عبارت پرکاربرد افزایش دهیم تقریبا نزدیک به ۵۰ درصد کاربران شبکه های اجتماعی را پوشش میدهد.

50 پسورد رایج در سال ۲۰۱۶

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

امنیت وردپرس در هسته

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

امنیت سمت سرور

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

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

استقبال جهانی از طراحی سایت با وردپرس

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

برترین شرکت هایی که از طراحی سایت وردپرس بهره میبرند

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

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

نوشته طراحی سایت با وردپرس اولین بار در وبسیما پدیدار شد.

۱۳۹۶ آبان ۲۸, یکشنبه

۵ نکته در طراحی فرم جستجو

استانداردهای طراحی فرم جستجو در سایت

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

در این مقاله تلاش میکنیم ۵ نکته مهم در طراحی باکس جستجوی سایت را به شما یادآوری کنیم. نکاتی که الزامی برای انجام آنها وجود ندارد ولی رعایت آنها میتواند تجربه کاربران در سایت شما را بهبود دهد.

1- باکس جستجو در جایی باشد که کاربر انتظار دارد

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

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

محل قرارگیری برای نمایش باکس جستجو

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

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

طراحی فرم جستجو در سایت ebay

2- فضای کافی برای باکس جستجو در نظر بگیرید

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

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

3- مشخص کنید کاربر در چه نوع محتوایی جستجو میکند

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

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

فرم جستجوی شما قابل تفکیک باشد

باکس جستجو فضایی با عنوان placeholder دارد که به شما اجازه میدهد یک متن نمونه در آن قرار دهید که با شروع به نوشتن کاربر ناپدید میشود. بهتر است در این فضا از نمونه های مناسب برای جستجو استفاده نمایید تا کاربران یاد بگیرند به چه صورتی باید در سایت شما جستجو کنند.

4- عبارت جستجو شده به کاربر نمایش داده شود

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

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

5- از پیشنهادات آنی و جستجوی Ajax استفاده کنید

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

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

پیشنهادات در هنگام جستجو در گوگل

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

جمع بندی

طراحی یک فرم جستجو همانند هر جزء دیگری از سایت شما میتواند بر تجربه کاربری و زمان حضور در سایت شما تاثیرگذار باشد. موارد ذکر شده ممکن است همگی برای سایت شما مناسب یا قابل اجرا نباشند ولی در نظر داشته باشید این موارد شانس شما برای جلب رضایت بیشتر کاربران را افزایش خواهند داد. شما نیز به خوبی میدانید که بهبود تجربه کاربری سایت میتواند در سئو آن نیز تاثیر مثبت داشته باشد.

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

 

نوشته ۵ نکته در طراحی فرم جستجو اولین بار در وبسیما پدیدار شد.

۱۳۹۶ آبان ۲۶, جمعه

طراحی سایت با CMS اختصاصی یا وردپرس؟

طراحی سایت وردپرس بهتر است یا CMS اختصاصی؟

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

طراحی سایت با CMS اختصاصی بهتر است یا وردپرس؟

طراحی سایت با CMS اختصاصی چیست؟

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

مزایای CMS اختصاصی

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

سرعت بالاتر، انعطاف بیشتر

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

امنیت بالادر CMS اختصاصی

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

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

معایب CMS اختصاصی در مقایسه با وردپرس

در کنار ویژگی هایی مانند امنیت و سرعت که در یک CMS اختصاصی مورد توجه است فاکتورهای دیگری نیز باید در طراحی وب سایت در نظر گرفت که میتوانند بر انتخاب شما تاثیرگذار باشند. مهمترین معایب یک سیستم مدیرت محتوای اختصاصی به شرح زیر است:

هزینه بالا و زمان طولانی برای طراحی سایت

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

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

درصد استفاده از طراحی سایت اختصاصی یا وردپرس

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

برآورد میشود که پیاده سازی یک سیستم مدیریت محتوا با امکانات وردپرس توسط یک نفر نزدیک به ۱۰۰ سال زمان نیاز دارد!

پشتیبانی ضعیف یا گران قیمت

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

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

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

CMS‌ اختصاصی برای چه سایت هایی مناسب است؟

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

طراحی فروشگاه اینترنتی

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

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

طراحی سایت فروشگاه اینترنتی با وردپرس

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

طراحی سایت شرکتی

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

طراحی سایت برای سازمان های دولتی

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

طراحی سایت های سازمانی و دولتی با وردپرس

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

طراحی سایت های خبری

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

نمونه طراحی سایت خبری با وردپرس

طراحی سایت های  خلاقانه

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

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

طراحی سایت خلاقانه با وردپرس یا CMS اختصاصی

تجربیات خود از راه اندازی یک تجارت جدید با استفاده از وردپرس یا یک CMS اختصاصی را با ما در میان بگذارید. به نظر شما چه فاکتورهای دیگری را باید در این انتخاب مورد توجه قرار دهیم؟

نوشته طراحی سایت با CMS اختصاصی یا وردپرس؟ اولین بار در وبسیما پدیدار شد.

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


۱۳۹۶ آبان ۲۴, چهارشنبه

. چرا باید از سئوی محلی استفاده کنیم حتما تا حالا ظاهر شدن لیست کسب‌وکارهای محلی را در نتایج جستجوی گوگل دیده‌اید. فهرست‌های محلی که قبلا به عنوان لیست صفحه محلی شناخته می‌شد و الان به عنوان صفحات گوگل پلاس معروف‌اند, یک ابزار عالی برای جستجوی کسب‌وکارهای


تکنیک های سئو داخلی سایت

مهمترین تکنیک های سئو داخلی سایت

برای تکنیک های On-page یا همان سئو داخلی میتوان یک چک لیست بلند بالا تهیه کرد و ما قبلادر سری مقالات ۲۰ نکته کلیدی در سئو داخلی سایت به آنها پرداخته ایم ولی در اینجا سعی میکنیم با بیانی ساده تر مهمترین موضوعات را به شما آموزش دهیم.

تا همین چند سال پیش تگ های متا (Meta Tags)، تگ های هدینگ، بمباران متن با کلمه کلیدی هدف و تصاویر بهینه شده کلید موفقیت در سئو داخلی بودند. از سال ۲۰۱۶ تغییراتی اساسی در الگوریتم های گوگل ایجاد شد که با معرفی الگوریتم مرغ مگس خوار به اوج خود رسید. در این الگوریتم های جدید تلاش شده رفتار کاربران و میزان رضایت آنها از محتوا نیز مورد توجه قرار داده شود.

استفاده از تگ های متا برای سئو

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

کلمات کلیدی پر جستجو را شناسایی کنید

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

جستجوی کلمات کلیدی ارزشمند برای سئو داخلی

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

عنوان و توضیحات مناسب بنویسید

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

تگ های بسیار متنوعی وجود دارند که میتوان در هدر سایت قرار داد و هریک کارایی مشخصی دارند ولی مهمترین تگ هایی که برای سئو داخلی با آنها کار داریم دو تگ title‌ و description هستند.

تاثیر عنوان صفحه و توضیحات متا بر سئو

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

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

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

  • برای عنوان حداکثر ۷۰ کاراکتر و برای توضیحات متا تا ۱۶۰ کاراکتر در نظر بگیرید زیرا اگر بیشتر شود ممکن است گوگل بقیه آن را به کاربر نمایش ندهد.
  • در توضیحات متا یک بار کلمه کلیدی هدف را استفاده کنید و از ترکیب های جذاب برای مخطبان بهره بگیرید. بعنوان مثال برای یک فروشگاه اینترنتی میتوان از عباراتی مانند کمترین قیمت، ارزان و … استفاده نمود.
  • دقت کنید title شما به تگ h1 یا یکی از هدینگ های h2 در صفحه شبیه باشد.
  • تا حد امکان از کاراکترهای جدا کننده و ویرگول در متن توضیحات متا و عنوان استفاده نکنید.

از تگ های هدینگ به خوبی استفاده کنید

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

استفاده از تگ های هدینگ در سئو

علاوه بر تگ h1 که اهمیت بسیار بالایی دارد میتوانیم از تگ های h2 و h3 نیز برای معرفی بهتر موضوع مورد بحث استفاده نماییم. براساس اصول نگارشی بعد از هر ۳۰۰ کلمه نیازمند یک تگ هدینگ جدید هستیم تا کاربر بتواند به راحتی موضوع این بخش از محتوای مورد مطالعه را درک کند. با توجه به اینکه پیشنهاد میکنیم محتوای صفحات شما ۱۲۰۰ تا ۱۵۰۰ کلمه باشد احتمالا در هر صفحه شما ۴ تا ۵ تگ h2 خواهید داشت که هر یک از آنها پیرامون موضوع عنوان اصلی مقاله هستند. با مطالعه مقاله تگ های هدینگ و تاثیر آنها بر سئو میتوانید اطلاعات کامل تری در این مورد کسب کنید.

آدرس صفحه را بهینه کنید

آدرس دهی صفحات از دو منظر مورد توجه است. اولا کوتاه بودن آدرس و استفاده از کاراکترهای با معنی و دوما زیرشاخه بندی آدرس ها و تعداد / در آن.

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

تاثیر آدرس صفحه بر سئو داخلی سایت

از تصویر، ویدیو و نمودار استفاده کنید

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

استفاده از تصویر و ویدئو برای بهبود وضعیت سئو

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

لینک دهی به صفحات سایت و سایت های دیگر

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

تاثیر لینک سازی داخلی بر سئو

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

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

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

فعالیت کاربران در صفحه را افزایش دهید

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

تاثیر رفتار کاربران در سایت بر سئو

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

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

نوشته تکنیک های سئو داخلی سایت اولین بار در وبسیما پدیدار شد.

۱۳۹۶ آبان ۲۳, سه‌شنبه

۶ ابزار رایگان برای تست ریسپانسیو سایت

تست ریسپانسیو بودن سایت

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

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

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

ابزار Xrespond

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

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

ابزار تست ریسپانسیو بودن سایت

 

تست ریسپانسیو سایت با Responsinator

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

شاید Responsinator ابزار مناسب برای تست واکنش گرا بودن سایت به صورت آنلاین نباشد و از نظر سایز بندی و امکانات ضعیف تر از Xrespond  باشد. ولی ظاهر جذاب این سایت به شما کمک میکند که حتی از تصویر ساخته شده به عنوان یک نمونه از سایت خود در موبایل استفاده کرده و در طراحی های خود از آن بهره بگیرید.

تست واکنش گرا بودن سایت به صورت آنلاین

Google Mobile Test

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

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

تست موبایل فرندلی بودن سایت در گوگل

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

Am I Responsive

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

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

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

ساخت نحوه نمایش سایت در موبایل و تبلت

Designmodo Responsive Test

ابزار Designmodo Responsive Test تنها یک پنجره از سایت نمایش میدهد ولی با پیکسل بندی افقی و عمودی به شما اجازه میدهد به راحتی ابعاد صفحه را تغییر دهید. همچنین انواع سایز بندی موبایل و تبلت و دسکتاپ در آن قرار داده شده تا به سرعت سایزهای استاندارد را در آنها پیدا کنید.

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

چک کردن تجربه کاربری در موبایل

Chrome Inspect Element

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

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

تست ریسپانسیو بودن سایت در گوگل کروم

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

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

نوشته ۶ ابزار رایگان برای تست ریسپانسیو سایت اولین بار در وبسیما پدیدار شد.