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

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

امروزه از آنجایی که گجت های قابل حمل بسیار رایج شده اند، طراحان وب سایت ها، منو (Navigation Menu) را خلاصه کرده و تحت یک منو به نام منوی موبایلی/همبرگری (Hamburger Menu) قرار می دهند. مثالی از این منو را می توانید در وب سایت Squarespace ببینید.

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

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

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

۲) استفاده از اسلاید چرخشی (Carousel) در صفحه اول سبک جدید طراحی سایت

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

• اسلایدهای چرخشی در بهینه سازی موتور جستجو (SEO) مناسب نیستند.

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

•  تاثیر عکس بر عملکرد سایت می گذارند.

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

• وجود اسلایدها، محتوای متنی سایت را در قسمت پایین صفحه قرار می دهد.

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

۳) استفاده از طراحی اسکرول پارالاکس سبک جدید طراحی سایت

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

•  طراحی اسکرول پارالاکس برای SEO مناسب نیست.

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

می گیرد.

• عملکرد سایت کاهش می یابد.

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

• تاثیر منفی پارالاکس بر کاربران

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

منبع: www.awwwards.com

نکته شماره صفر: تقلب نکنید.

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

نکته شماره یک: کلمات کلیدی 

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

نکته شماره دو: محتوای سایت

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

نکته شماره سه: کدها

سایت خود را با استفاده از ویرایشگر متن ساخته و محتوای آن را بطور واضح بوسیله HTML بنویسید. HTML باید ساختار مفهومی صفحه را دنبال کند. بهتر است از تگ- های توصیفی در مواقع لزوم استفاده نمایید. بعنوان مثال از تگ UL برای لیست ها، P برای پاراگراف ها، H برای عناوین و STRONG برای متون پررنگ و ضخیم (Bold) بکار می رود. همچنین CSS هم یکی دیگر از زبان های برنامه نویسی است که در چیدمان صفحات وب بسیار بکار می آید.

نکته شماره چهار: صفحه اصلی

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

نکته شماره پنج: لینک ها

موتورهای جستجو به لینک های موجود در سایت شما و کلمات موجود در این لینک ها توجه بسیاری می کنند. بهتر است برای لینک کردن به یک مطلب از اصطلاحات “اینجا را کلیک نمایید” و یا “بیشتر بخوانید” استفاده نکنید. متن لینک باید مشخص کند که کاربر را به چه مطلبی هدایت می کند، بعنوان مثال”نمونه هایی از طراحی سایت CSS” و یا “آموزش ارتقای SEO”. هرچه لینک ها ارتباط بیشتری با محتوای صفحه داشته باشند، قابلیت جستجوی بیشتری خواهند داشت. چنانچه می خواهید از سبک ساده گرایی در طراحی سایت خود استفاده کنید، لینک به صفحه Design MeltDown در مینیمالیسم، بهینه سازی برای موتور جستجوی شما ارتقا می دهد.

نکته شش: استفاده از تگ عنوان 

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

Navigation links باید عنوانی متناسب با عناوین صفحات وب داشته باشد. تگ آن می تواند اینگونه باشد: <a title=”name of page” href=”link”>. اگرچه این مطلب در ظاهر ساده است ولی کمک بزرگی در ارتقای SEO به شما می کند.

نکته هفت: تگ های Alternative

هر تصویری در سایت باید تگ Alternative داشته باشد بخصوص تصاویری که مرتبط با صفحه هستند. اگر محتوای صفحه درباره CSS می باشد می توان تصویر مربوط به آن را به عبارت “نمونه های از CSS” تگ کرد که در این صورت قابلیت جستجوی صفحه افزایش می یابد. انتخاب عنوان نامرتبط با هر تصویر هم می تواند تاثیر عکس بگذارد.

نکته هشت: چشم پوشی از تگ های Meta

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

نکته نه: نقشه سایت

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

نکته ده: طراحی برای انسان 

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

 منبع: justcreative.com

۱) استفاده درست از تگ های h1 و h2

عنوان ها و زیر عنوان ها هم برای صفحه آرایی و هم بهینه سازی برای موتورهای جستجو کارآمد هستند ولی این در شرایطی است که از آن ها بدرستی استفاده شود چرا که با کاربرد نادرست آن ها، سایت مذبور توسط کاربران و موتورهای جستجو کنار گذاشته می شود. مهم ترین بخش های هر صفحه ای می بایست با عناوین H1 و H2 و بعد بخش های کوچک تر با عناوین H4، H3 و غیره تگ شوند.

۲) حذف کدهای ناکارآمد

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

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

۳) لینک های داخلی

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

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

۴) لینک های پاورقی

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

۵) عدم استفاده از تصاویر بعنوان لینک

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

۶) URL

در زمینه بهینه سازی برای موتورهای جستجو نه تنها محتوای سایت حائز اهمیت است بلکه درنظر گرفتن URL مناسب هم رتبه بندی سایت را در موتورهای جستجو ارتقا می‌دهد.

 ۷) استفاده از تگ های Noarchive و Noindex

 تصور برخی مردم بر این است که باید تمامی محتوای سایتشان توسط موتورهای جستجو بررسی شوند. دلیلی وجود ندارد که صفحاتی از قبیل “درباره ما” و یا “خط مشی” نیز خوانده شوند. بهترین روش در زمینه بهینه سازی برای موتورهای جستجو این است که تنها صفحات مهم سایت توسط موتورها بررسی شوند. در نظر داشته باشید که در استفاده از تگ های Noarchive و Noindex زیاده روی نکنید چون در آن صورت مطلبی برای یافتن باقی نخواهد ماند.

۸) استفاده  از Bookmark اجتماعی

بکارگیری Bookmark اجتماعی هم برای کاربران سایت و هم در بهینه سازی برای موتورهای جستجو کارآمد است چرا که Bookmark ها نه در مرورگر بلکه در سایت ذخیره می‌شوند و درنتیجه به آسانی قابل اشتراک هستند. بهتر است مراقب لینک هایی باشید که می توانند لینک Bookmark های شما را مخدوش کرده و کارایی آن ها را پایین آورند. پس برای حل این مشکل می توان از تگ “Nofollow” استفاده کرد.

۹) عدم بکارگیری بیش از حد از Ajax

یکی از بزرگ ترین اشتباهاتی که طراحان وب سایت ها می کنند استفاده بیش از حد معمول از Ajax برای تحت تاثیر قرار دادن کاربران است. از مشکلات Ajax این است که موتورهای جستجو نمی توانند آن ها را پیدا کنند، کاربران قادر به اشتراک گذاشتن آن ها نیستند و علاوه بر این URL مجدداً بارگذاری نمی شود.

منبع: justcreative.com

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

همراه با این مقاله و با کمک گوگل، روش های زیر را امتحان کنید:

یکی از روش هایی که می توانید SEO سایت خود را تشخیص دهید این است که در گوگل، سایت خود را بصورت site:yourdomain.com جستجو کنید. تمامی صفحات فهرست شده به شما نمایش داده می شوند. در تصویر بالا، عبارت:۸۲۱ نتیجه” نشان دهنده تعداد تقریبی صفحات است. چنانچه تعداد صفحات خیلی زیاد باشد، یعنی شما با مشکل مواجه هستید.

چنانچه عبارت site:yourdomain.com inurl:www را جستجو کنید تنها صفحاتی که در URL خود www دارند نشان داده می شوند و اگر inurl:www- را استفاده کنید صفحاتی دیده می شوند که www را در URL ندارند. این عبارت برای یافتن دامنه های فرعی که تاکنون مورد توجه شما نبوده اند، بکار می آید.

با تایپ عبارت”site:yourdomain.com “text goes here صفحاتی در دامنه شما دیده می شوند که متن کاملاً مشابه با آنچه در جای text goes here تایپ کرده- اید، داشته باشند.

حال، با تغییر عبارت بصورت “site:yourdomain.com intitle:”text goes here صفحاتی به شما نشان داده می شوند که عباراتی دقیقاً مشابه با آنچه در <عنوان> تایپ کرده اید، داشته باشد.

یکی دیگر از تکنیک های پی بردن به SEO سایت جستجوی عبارت yourbrandname”-site:yourdomain.com” است که نتایج برند شما را بدون درنظر گرفتن جستجو در سایت خودتان، نشان می دهد. این روش کمک می کند تا دریابید در چه سایت هایی از برند شما یاد کرده اند.

و در نهایت، site:yourdomain.com filetype:pdf فایل های pdf را جستجو می کند. البته عملگر :filetype برای اغلب فرمت ها قابل استفاده هستند.

 منبع: ww.creativebloq.com

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

UX design و SEO  ظاهراً اولویت های متفاوتی دارند. اغلب، این طور به نظر می آید که این دو مبحث در مقابل هم هستند. درست یا غلط این باور، بسیار رایج است. برای بقای طولانی مدت یک وب سایت، توجه به هر دو مقوله حائز اهمیت است و تشخیص در اولویت قرار گرفتن هر کدام امری است دشوار و دلیل آن فعالیت متقابل این دو است.

چگونه می توان UX design و SEO را در کنار هم بکار گرفت و راه حلی کاربردی برای حل مشکل بین این دو پیدا کرد؟

مشکلات بین UX design و SEO

۱) محتوای سایت: اختلاف رایج میان UX design و SEO

غالباً اختلاف بین UX design و SEO از ساختار شروع شده و به محتوا ختم می شود. زمان طراحی وب سایت هدف شما برطرف ساختن برخی نیازهاست ولی مهم‌تر از همه این است که باید توجه خود را به نیازهای کاربران معطوف نمایید یا به نیازهای مرتبط با سیستم جستجو.

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

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

۲) کلمات کلیدی

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

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

 A) فوتر

B) در بخش metadata

C) در بخش alternative text

D) در CSS

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

۳) لغات دل نشین و مناسب

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

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

۴) سایت های تک صفحه ای و SEO

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

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

 منبع: www.awwwards.com

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

برخی اطلاعات نادرست در زمینه UX design و SEO

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

• تصور اشتباه بر این است که استفاده از تصاویر توجه کاربران را جلب می کند.

حقیقت این است که چنانچه کیفیت تصاویر خیلی بالا باشد باعث می شود که صفحه دیر بارگذاری شود و این امر بر مقوله‌های UX design و SEO تاثیر منفی دارد.

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

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

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

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

در ادامه مثال هایی از راهکارهایی به شما ارائه می دهیم که می توانند بر UX design و SEO تاثیر مثبت بگذارند.

نقشه سایت

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

الگوهای جستجو در سایت

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

Breadcrumbs

وجود راهنمای Breadcrumb در سایت هم به موتورهای جستجو و هم به کاربران اجازه می دهند تا بدانند در چه بخشی از سایت هستند و چگونه وارد آن قسمت شده‌اند.

بارگذاری سریع سایت

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

منبع: www.awwwards.com

گزینه هایی که برای هاستینگ یک سایت وجود دارند عبارتند از:

فولدر فرعی – مثال: http://www.domain.com/blog

دامنه فرعی – مثال: http://blog.domain.com

دامنه مجزا – مثال: http://www.newdomain.com

اما بهترین گزینه هاستینگ برای بلاگ شما چیست؟

فولدر فرعی:

• هر بلاگی صلاحیت سایت مادر را به ارث می برد درنتیجه فوراً می تواند به برتری قابل توجهی برسد.
• لینک هایی که در محتوای بلاگ وجود دارند می توانند به سایر محتواهای دامنه کمک کنند؛ بعنوان مثال، صفحات محصول به ranking بالاترین دست می یابند.
• در این شرایط بلاگ ها با سایت اصلی بهتر ادغام می شوند و درنتیجه تاثیر مثبتی بر جلب رضایت کاربر دارند (حتی اگر طراحی بلاگ ها کاملاً متفاوت باشد).
• گوگل از همان اولین روزهای ارسال مطالب، بلاگ را مورد بررسی قرار می دهد و این امر در SEO بسیار تاثیرگذار است.

دامنه فرعی:

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

دامنه مجزا:

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

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

منبع: www.smartinsights.com

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

برای طراحی سایت حرفه‌ای به اندازه کسب و کار خود توجه کنید

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

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

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

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

برای طراحی سایت حرفه‌ای به سراغ شرکت‌هایی بروید که پیشینه و سوابق قبلی آن‌ها مشخص است

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

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

هر وب سایتی که به سوی تجارت و بازرگانی حرکت می‌کند، باید صفحات وب خود راب رای موتورهای جستجو بهینه سازی کند. SEO یعنی تولید کردن صفحات وبی که برای موتورهای جست و جو جالب و مهم هستند.

حدس زدن رمز عبور ادمین

خیلی از مدیران وب سایت با اسکریپت وردپرس، رمز عبور ساده‌ای را برای کاربر ادمین وردپرس انتخاب می‌کنند. صفحه ورود به بخش ادمین معمولاً در مسیر /wp-login.php قرار دارد. ابزارهایی وجود دارند که می‌توانند به صورت خودکار به کمک یک دیکشنری حاوی رمز عبور، یا همان حملات Bruteforce برای یافتن رمز عبور ادمین وردپرس تلاش نمایند.

وارد کردن Arbitrary Strings

بیایید نگاهی بیاندازیم به کادر جست و جو که در آن می‌توانیم دنبال یه string بگردیم. در تصویر زیر می‌بینید که ما به دنبال searchstring گشته‌ایم و هیچ نتیجه‌ای پیدا نکرده‌ایم.

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

بگذارید یک <b>  را جستجو کنیم و نتیجه را ببینیم.

وقتی به دو تصویر جست و جو نگاه می‌کنید در ابتدا تفاوتی مشاهده نمی‌کنید. اما اگر با دقت نگاه کنید متوجه می‌شوید که جمله  “The search didn’t find any search page that matched the search query.” با خط بولد نوشته شده است. چرا این گونه است؟ دلیل آن است که ما به دنبال <b> گشته‌ایم که داخل یک پوشش قرار نگرفته و مستقیماً داخل کد html قرار دارد. دلیل این مورد نگذاشتن درست ورودی کاربر، داخل یک حصار، توسط برنامه نویس است. از آن جایی که ما کاراکتر مخصوص گذاشته‌ایم، ورودی کاربر مستقیماً داخل اچ تی ام ال قرار گرفته و به کاربر بازگردانده شده است.

کاراکتر <b> داخل زبان html به معنی bold شدن یک خط از ابتدا تا انتها، توسط مرورگر وب است. در ابتدا این به نظر یک مشکل امنیتی بزرگ، نمی‌آید. اما ما راهی یافته‌ایم که بتوانیم کد را مستقیم داخل کد HTML یک صفحه قرار دهیم. این یعنی ما می‌توانیم یک کد جاوا اسکریپت بنویسیم و آن را جست و جو کنیم. کد ما احتمالاً با جست و جو، مستقیماً بر روی سیستم میزبان سایت، اجرا خواهد شد.

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

این مورد همچنین در صورتی که وب سایت، داده‌ها را مستقیماً داخل کوئری SQL ذخیره می‌کند، می‌تواند مشکل امنیتی برای دیتابیس سرور ایجاد کند. اگر این اتفاق بیافتد، ما می‌توانیم به کل دیتابیس مورد استفاده  وب سایت دسترسی داشته باشیم.

همیشه سعی نمایید که دسترسی عمومی به ایندکس‌ها را در هر جایی که ممکن است مسدود کنید. اگر وب سرور آپاچی یا سیستم دیگری که از فایل .htaccess استفاده می‌کند، استفاده می‌کنید، این کار آسان است. فایل .htaccess را داخل فولدر اصلی سایت خود بیابید. منظور فولدری است که فایل index.php  شما آن جا قرار دارد. دستور   Options –Indexes  را داخل فایل وارد نموده و ذخیره نمایید.

در صورتی که وب سرور شما برای کار با فایل‌های PHP در زمانی با مشکل مواجه بوده است، بسیار مهم است که فولدرهایی را که تنها سرور به آن‌ها دسترسی دارد را مسدود نمایید. اگر کد PHP بر روی مرورگر کاربر شما به جای صفحه وب مشاهده گردد ، آن‌ها ممکن است اطلاعات دیتابیس و یا اطلاعات دیگری درباره  PHP/MySQL شما بیابند. فولدر wp-includes مهم‌ترین فولدری است که می‌بایست مسدود شود. برای انجام این کار در فایل .htaccess دستور زیر را وارد نمایید.

 RewriteRule ^(wp-includes)\/.*$ ./ [NC,R=301,L]

اگر زیرفولدری برای wp-include وجود دارد، کد زیر را برای هر کدام از آن‌ها داخل فایل .htaccess وارد نمایید.

RewriteRule ^(wp-includes|subdirectory-name-here)\/.*$ ./ [NC,R=301,L]

پلاگین WP-DB Manager برای تهیه بک آپ از کل سایت وردپرس شما بسیار مناسب است. این پلاگین همچنین آسیب پذیری‌های وردپرس را به شما اطلاع داده و بخش‌های دیتابیس را که به صورت پابلیک قابل مشاهده است را مشخص می‌کند. همیشه از سایت خود بک آپ تهیه نمایید تا در صورت بروز بدترین حالت نیز بتوانید سایت را به آسانی ریستور نمایید.

دیتابیس هک گوگل

ابتدا می‌بایست نگاهی به دیتابیس‌هایی مانند (GHDB(Google Hacking DataBase بیاندازیم و به دنبال واژه  wordpress یا چیزی مشابه آن بگردیم. با این کار چند کوئری مانند تصویر زیر مشاهده خواهیم کرد.

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

مثال اول به دنبال فایل‌های حاوی اطلاعات می‌گردد و از یک کوئری جست و جو filetype:avastlic  استفاده می‌کند. این مستقیماً به به وردپرس مربوط نیست اما کوئری از یک وبلاگ وردپرس گرفته شده است. یک ورودی کاملاً مرتبط با وردپرس در زیر نشان داده شده است که به دنبال فایل‌هایی می‌گردد که شامل رمز عبور هستند.

کوئری زیر به دنبال فایل‌های با پسوند SQL که شامل کلمه  wp-content/backup در آدرس باشند، می‌گردد.

filetype:sql inurl:wp-content/backup-*

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

گوگل ۷.۱۷۰ نتیجه پیدا کرده است که ما می‌توانیم برای یافتن رمز عبور آن‌ها را بررسی کنیم. اگر در نتایج آن دیتابیس‌های SQL جست و جو نماییم، به احتمال زیاد، چند نام کاربری و رمز عبور خواهیم یافت.

حال چه کاری می‌بایست انجام دهیم؟

وقتی برنامه‌ای را به یک زبان برنامه نویسی می‌نویسیم، می‌بایست از خود بپرسیم، جه مشکلات امنیتی بیشتر در زمان استفاده از این زمان بروز می‌کند. بنابراین اگر ما از PHP استفاده می‌کنیم، احتمالاً موارد SQL injection و یا XSS flaw وجود خواهند داشت. اما اگر با زبان برنامه نویسی C/C++  کار می‌کنیم، احتمالاً با buffer overflows و format strings رو به رو خواهیم بود.

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

در ادامه می‌بایست از خودمان بپرسیم: کدام داده‌های ورودی می‌توانند از سمت کاربر بیایند؟ جواب این سوال آن قدر که به نظر می‌رسد، آسان نیست. بعضی وقت‌ها در واقع جواب آن به خاطر فراموش شدن امکانت مخفی که فراموش شده‌اند، بسیار سخت است.

مهم‌ترین کاری که می‌توان انجام داد، بررسی تمام مسیرهای ورودی برای کاراکترهای غیر مجاز است.

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

افزونه هایی که توصیه می کنیم

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

۱- Exploit Scanner

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

۲- WP security Scan

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

۳- Limit Login Attempts

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

۴- Block Bad Queries ( مسدود کردن کوئری‌های بد )

Block Bad Queries افزونه‌ای است که تلاش خواهد کرد، کوئری‌های مخرب را مسدود کند. این افزونه در کوئری‌ها به دنبال String‌های بلند مشکوک می‌گردد.

۵- آنتی ویروس

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

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

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

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

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

طراحی سایت

۲. طراحی سایت خلوت: این نوع طراحی سایت، در ظاهر ساده هستند اما تفکری در پی ساخت آن‌ها نهفته است. استفاده از المان‌های کم و گرافیکی و استفاده از دو یا سه رنگ در طراحی، به آن‌ها ظاهری متفاوتی داده است و برخلاف دسته اول، به تمیزی معروفند. از نظر طراحی کاملاٌمتمایز، حرفه ای و مدرن هستند. همچنین پیام “صاحب این سایت مشتاق است” و ” صاحب این سایت قابل اعتماد است” را به بازدیدکننده القا می‌کند.  این گونه سایت‌ها برای همه مناسب است غیر از کسانی که دوست ندارند تفاوت شایانی با بقیه داشته باشند. این تفاوت آن‌ها را می‌ترساند و سایت‌های استاندارد را می‌پسندند.

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

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

• یک هاست خوب انتخاب کنید

بنا بر تحقیقات انچام گرفته توسط سایت Akamai، تقریباً نیمی از مردم توقع دارند صفحات سایت در زمانی کمتر از ۲ ثانیه لود شوند و حدود ۴۰% از مردم گفته‌اند که اگر این زمان تنها یک ثانیه افزایش پیدا کند، صفحه را ترک می کنند. سایت‌های فروشگاهی با دنبال کردن اهدافی همچون جذب مشتری و افزایش فروش، بیش از سایر سایت‌ها به سرعت لود و بار گذاری مطالب اهمیت می‌دهند. مطالعه‌ای با عنوان “چرا عملکرد سایت اهمیت دارد. آیا سایت شما مشتری‌ها را دور می‌کند؟” ادعا می‌کند در ساعات اوج ترافیک، بیش از ۷۵% از مشتری‌ها ترجیح داده‌اند به جای انتظار در صفحه فعلی برای لود مطالب، سایت را بسته و سایت‌های رقیب را مطالعه کنند. سایت‌هایی که به سرورهای اختصاصی با سرعت بالا، پیکر بندی و منابع بهینه مجهزند. این قبیل سرورها با وجود گران بودن، برای شما با ترافیک بازدید بالا، یک ضرورت به شمار می‌آیند. از طرفی دیگر، هاست‌های اشتراکی سایت شما را در کنار صدها سایت دیگر بر روی یک سرور قرار داده و منابع سرور چه سخت فزاری و چه نرم افزاری بین صدها سایت به اشتراک گذاشته می‌شود که در نتیجه منابع محدودتری به سایت شما تخصیص می‌یابد. بنا بر این مطمئن باشید که هاستینگ اختصاصی بهترین گزینه برای ثبات، عملکرد و ارتقا سایت شما می‌باشد. هرچند همیشه هم شرکت‌های هاستینگ مقصر نیستند. گاهی اوقات قدرت سرورهای هاست افت می‌کند. به هر حال بهترین روش آن است که از شرکتی خدمات هاستینگ خود را بگیرید که هم پشتیبانی خوبی داشته باشند و هم بتوانند در ساعات اوج شلوغی، ترافیک سایت را خوب مدیریت و کنترل کند.

• بهینه سازی تصاویر

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

• فعال کردن فشرده سازی

همانند عکسها، فشرده سازی صفحات بزرگ وب نیز می‌تواند باعث کاهش پهنای باند صفحات و در نتیجه کاهش سرعت لود شود. بدین منظور کافی است فایل‌ها را قبل از آپلود به فرمت Gzip فشرده کنید. بنا بر ادعای یاهو، پس از این کار، سرعت لود تا ۷۰% کاهش می‌یابد. بهتر است که اولین منبع فشرده سازی را Gzip انتخاب کنید؛ زیرا ۹۰% کاربران اینترنت از مرورگرهایی بهره می‌جویند که از فرمت Gzip پشتیبانی می‌کنند. علاوه بر این، Gzip از سمت سرور نیز قابل دست رسی می‌باشد و می‌توان از طریق پوشه‌های  .htaccess, nginx.conf یا web.config آن را تنظیم کرد.

•  ذخیره سازی مرورگر

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

بهترین حالت این است که بتوان تمام منابعی که قابلیت ذخیره سازی دارند را حداقل یک هفته و ترجیحاً یک سال نگه داری کرد. نکته مهم بعدی برای سرعت بخشیدن به دانلود عناصر HTTP این است که هدرهای HTTP keep-alive را فعال کنیم.. به این ترتیب مر.رگر و سرور با یک اتصال می‌توانند اقدام به دریافت و ارسال چند فایل کنند. در واقع  هنگامی که کاربر از سایت شما بازدید می‌کند، اتصال سرور باز باقی می‌ماند و دیگر نیازی نیست تا برای هر در خواستیک اتصال جدید اتفاق بیفتد. برای فعال کردن keep-alive تنها کافیست چند خط کد ساده به .htaccess, nginx.cong یا web.config file اضافه کنید.

• اسکریپت و CSS

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

• پیکربندی CDN

بسیاری تصور می‌کنند که CDN نکته طلایی سرعت سایت می‌باشد. به همین دلیل در این مقاله اول موارد دیگر بررسی شد تا ثابت کنیم این طرز تفکر اشتباه است. CDN لزوماً و به تنهایی سرعت سایت را بالا نمی‌برد. سی دی ان می‌تواند بعد از اجرای روش‌های ذکر شده، عامل موثر بعدی در افزایش سرعت سایت باشد. CDNها، سرورهایی هستند که در مناطق و جاهای مختلف قرار گرفته‌اند و امکانات پایداری را به کاربر ارائه می‌دهند. هنگامی که شبکه در خواستی را دریافت می‌کند، داده‌ای که در نزدیک‌ترین سرور قرار گرفته سرعت لود صفحه را بالا می‌برد و در نتیجه، سرعت دانلود نیز بهبود پیدا می‌کند. محتوای مورد نظر بین چند سرور تقسیم می‌شود و به این ترتیب مسائلی که باعث تاخیر پاسخ گویی سرور می‌شوند، کاهش پیدا می‌کنند و بالطبع سرعت دانلود بالا می‌رود به علاوه، به دلیل پخش سرورها، up-time سایت هم افزایش پیدا می‌کند و اگر یکی از سرورها به هر دلیل نتواند به در خواست پاسخ بدهد، درخواست برای سرور نزدیک بعدی فرستاده می‌شود. این فایل‌های استاتیک به صورت جدا (و در بیشتر موارد در URLهای مختلف) از HTML مرکزی صفحه‌ای سرو شده‌اند. در نتیجه ساختمان صفحه شما به مرورگر فرستاده می‌شود. به این ترتیب نه تنها سرعت بار گذاری صفحه بالا می‌رود، بلکه اجازه نمایش صفحات قبل از لود کامل را نمی‌دهد. استفاده از CDN عملکرد سایتتان را در سر تا سر دنیا بهبود می‌بخشد و از این جهت ارزش سرمایه گذاری را دارد. باید به خاطر داشته باشید که سی در ان به تنهایی و به طور جادویی سرعت سایتتان را افزایش نمی‌دهد. استفاده از CDN  در کنار سایر نکات ذکر شده، باعث نتیجه گیری حداکثری خواهد شد.
حرف آخر
روش هایی که در این مقاله ارائه شدند واقعاً ارزشمند هستند و می‌توانند سایت وردپرسی شما را تا آخرین حد ممکن سریع کنند. اما نباید انتظار داشته باشید که فقط با کمک یکی از این روش‌ها سرعت لود صفحات سایتتان بالا برود. این تکنیک‌ها در کنار هم سرعت بار گذاری را افزایش می‌دهند. CDN  به تنهایی نمی‌تواند سرعت لود را بالا ببرد. ذخیره سازی مرورگر و فشرده سازی فایل‌های بزرگ می‌توانند منجر به دانلود سریع‌تر عناصر از سرور به کامپیوتر کاربر شود. ضمناً شما می‌توانید سرعت سایتتان را از طریق Google PageSpeed Insight  و یا GTmetix بررسی کنید و ببینید که صفحات سایت شما در مقیاس سرعت بارگذاری، اندازه صفحات و تعداد درخواست‌ها چطور عمل می‌کند. هدف سایت، ایجاد یک تجربه کاربری خوب است و اولین قدم برای نیل به این هدف  افزایش سرعت بار گذاری صفحات می‌باشد تا کاربر در اولین کلیک از سایت شما ناامید نشود.

این یک واقعیت است که گوگل انقلاب در صنعت تلفن‌های همراه را هدایت می‌کند، بنا بر این به طور مرتب از الگوریتم جدید گوگل در نتایج جست و جوی کاربران خود استفاده می‌کند. گوگل بزرگ‌ترین ارائه کننده پلتفرم تلفن‌های همراه جهان است (اندروید). گوگل هم چنین بزرگ‌ترین ارائه دهنده موتور جست و جو برای تلفن‌های همراه در جهان می‌باشد. علاوه بر این، گوگل بزرگ‌ترین فروشگاه نرم افزارهای تلفن همراه را در اختیار دارد که با نام Google Play شناخته می‌شود. به عبارت دیگر، گوگل تلاش دارد تا تمام ارتباطات عصر جدید با تلفن همراه انجام شوند. با وجود تحقق تمام این اتفاق‌ها، این غول بزرگ کامپیوتری، با داشتن سهم بزرگی از دستگاه‌های موبایلی، جست و جو و نرم افزارها راضی نمی‌شود؛ بلکه می‌خواهد  تمام امواج موجود در هوا را نیز به خود اختصاص دهد. در این مقاله سعی داریم تا سایت‌هایی با مواضع موبایلی گوگل سقوط خواهند کرد را به شما معرفی کرده و راه کارهای مقابله و جلوگیری از این اتفاق را بیان کنیم.

هشتگ (Hashtag) اولین بار به منظور نام گذاری گروه‎ها‎ و موضوعات در چت IRC مورد استفاده قرار گرفت؛ به این صورت که با اضافه کردن کاراکتر «#» قبل از حروف یا کلمه‌ای خاص، امکان جست و جوی سریع آن برای کاربران فراهم کردند. پیدایش توییتر به وسیله هشتگ (Hashtag)صورت پذیرفت. اولین باری که هشتگ (Hashtag)  استفاده شد، در سال ۲۰۰۷ توسط گروهی با نام کریس مسینا بود که در توییتر اقدام به استفاده از هشتگ نمودند . اوایل پیدایش، استفاده از هشتگ برای کاربران عمومی به نوعی ترفند برای بهبود رتبه در نتایج جست و جو اعلام شد و هیچ استفاده دیگری برای آن در نظر گرفته نشده بود. این در حالی است که عده‌ای دیگر از کاربران، کاربرد صحیح از هشتگ را آموخته بودند و برای کارهایی غیر از جست و جوی مطالب استفاده می‌کردند. برای نمونه #sandiegofire که در اخبارها استفاده شد.

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

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

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

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

مزایای سایت‌های بدون صفحه یا تک صفحه‌ای

۱- سازگاری با گوشی‌های موبایل و جذب کاربر:

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

۲- پیمایش راحت تر صفحه و رساندن پیام به مخاطب:

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

۳- سازماندهی بهتر مطالب:

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

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

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

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

۱.دریابید که در اطرافتان چه اتفاقاتی می‌افتد.

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

۲.اطمینان حاصل کنید که پست‌های شخصیتان، خصوصی باقی می‌ماند.

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

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

۳. نرم افزارهای خود را به روز نگاه دارید.

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

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

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

• حروف بزرگ
• اعداد
• نشانه‌ها

شما رمز عبوری می‌خواهید که برای حدس زدن ساده نباشد، از این رو از اسم‌های معمول فامیلی و یا تاریخ تولد و یا شماره همراه و غیره برای تنظیم رمز عبور خودداری کنید. یک برنامه خوبی که می‌توانید برای ساخت رمز عبور قدرتمند از آن کمک بگیرید، ۱password می باشد.

۵. بسط دادن فعالیت‌های آنلاین خود

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

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

۶. آیا از اپلیکیشن‌ها استفاده می‌نمایید؟

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

۷.کوکی‌های مرورگر خود را بررسی کنید.

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

۸. باید بدانید مواردی را که حدف می‌کنید، در پایگاه داده و یا آرشیو هم چنان موجود است.

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

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