برداشت اولیه از طراحی سایت برای کسانی که آشنایی چندانی با آن ندارند چیزی بیشتر از استفاده از عکس، ویدئو و المانهای متحرک و چشم نواز نیست. پشت سر هر آنچه در سایت می‌بینید کدهایی هست که باید برای گوگل استاندارد شوند تا در سئو موفق باشید.
استاندارد‌سازی آنها سبب می‌شود نحوه نمایش تصاویر، ویدئو و صوت حتی جداول و هر المان تصویری دیگری بهینه باشد و کاربر تجربه مطلوبی از بازدید سایت و گردش در آن داشته باشد.
اگرچه در سئو تلاش می‌شود سایت برای نمایش در موتورهای جستجو مانند گوگل بهینه شود اما گوگل می‌داند که هویتش به کاربران وابسته است و اگر آنها حس و حال خوبی از جستجو در گوگل نداشته باشند و نیازشان به سرعت برطرف نشود یا جواب مفیدی برای سوالاتشان در آن پیدا نکنند به سراغ گزینه دیگری خواهند رفت و گوگل نمی‌تواند درآمد مطلوبی از کاربرانش داشته باشد.
به همین دلیل ابتدا به سراغ مهمترین موارد سئو سایت می‌رویم تا متوجه شویم طراحی سایت چه ارتباطی می‌تواند با آنها داشته باشد.
رعایت استاندادهای طراحی سایت برای سئو
برای اینکه سایت در مرورگرهای مختلف به درستی نمایش داده شود یکسری استاندارد جهانی تعریف شده است که به آنها استاندارد w3c می‌گویند و رعایت موارد زیر بخشی از آن است:
- دامنه و هاست مناسب بخرید.
- گرافیک و قالب سایت مناسب و متناسب با هدف و محتوای سایت باشد.
- فونت سایت خوانا و گیرا باشد.
- سایت را در مرورگرهای متفاوت تست کنید.
- سازگاری سایت با تلفن‌های هوشمند را بررسی شود.
دسترسی آسان به موبایل امکان جستجو با آن را افزایش داده است پس تجربه کاربران با سایت در موبایل و تبلت اهمیت بالایی دارد. بی‌دلیل نیست که جهت خلق و بهبود تجربه بازدیدکنندگان تکنولوژی مانند AMP طراحی شده است تا سرعت بارگذاری صفحات افزایش یابد.
طراحی ساختار محتوایی برای سئو
اگر می‌خواهید ساختار و معماری سایت مطابق استانداردها باشد هنگام نوشتن مقاله به موارد زیر توجه کنید:
• بهتر است هر صفحه فقط یک تگ h1 داشته باشد.
• توضیحات متای هر صفحه (متا دیسکریپشن) غیرتکراری و توصیفی باشد.
• خاصیت Alt ( اسم جانشین عکس) برای تصاویر تعریف کنید.
• هر صفحه از سایت باید یک URL توصیفی داشته باشد که محتوای آن را توصیف کند.
خزنده‌های گوگل بدون نقشه سایت گم می‌شوند.
اگر سایت مپ را به گوگل معرفی نکنید، خزنده‌ها آدرسی ندارند که به موقع صفحات را ببینند و اوضاع آنها را گزارش دهند تا بتوانید وارد چرخه امتیازدهی شوید.
اگر خودتان نمی‌دانید چطور site map را ثبت کنید از طراح سایت کمک بگیرید.
مقاله خزش یا کرالینگ چیست برای درک بهتر مطلب پیشنهاد می‌شود.
سرعت سایت
چه سایتی به سرعت باز می‌شود و مطالبش به کندی بارگذاری نمی‌شود؟
گفتیم که زبان برنامه‌نویسی سایت هر چه باشد شامل یکسری کد است. پس اگر کد اضافه‌ای در آن نباشد و کدهای استفاده شده بهینه باشند سرعت بالایی خواهد داشت. این کدها را برنامه‌نویس می‌نویسد. البته سایتهای وردپرسی با قالب‌های آماده و افزونه‌ها طراحی می‌شوند و برای تغییر در آنها باید مجدد برای آنها کد زده شود.
هر بار که آدرس سایت در مرورگر تایپ می‌شود. سیستم درخواست شما را به سرور سایت می‌فرستد. سرور هم اطلاعات سایت شما را از بانک اطلاعاتی( دیتابیس) دریافت می‌کند و به بخش کلاینت می‌فرستد. در این مسیر هر اختلالی در سرور و سایت سبب کندی سرعت و نارضایتی کاربر می‌شود.
داشتن SSL
در طراحی سایت باید ساختار پیاده‌سازی SSL رعایت شده باشد. اگر چنین باشد علامت قفل سبز رنگ در همه صفحات سایت و کنار آدرس دیده می‌شود. داشتن گواهی‌نامه SSL برای افزایش اعتبار و اعتماد سایت و کسب رتبه بالاتر موثر است.
پخش خودکار ویدیو و یا صدا بدون دریافت اجازه از کاربران
هرگز فراموش نمیکنم در سکوت شب روی لینکی زدم. به محض باز شدن لینک صدای بلند موسیقی من و اهالی خانواده را مانند آدمهای جن‌زده هراسان کرد. احتمالا طراح سایت چنین امکانی را به امید خلق تجربه بهتر برای بازدیدکنندگان قرار داده بود اما نتیجه این بود که با سرعت هر چه تمام‌تر آن را بستم و حتی یادم نماند آدرس سایت چه بود که بخواهم در فرصتی مناسب به سراغش بروم. برای ارائه چنین فرصتی بهتر است با اعلانی میزان تمایل کاربران را بسنجیم و اگر نظر مثبتی داشتند آن را اجرا کنیم.
پاپ آپهای اعصاب خرد کن
پاپ‌آپ‌ها را برای افزایش نرخ تعامل کاربران قرار می‌دهند اما وقتی تعداد آنها زیاد باشد یا در همه صفحات هدف و غیر هدف ظاهر شوند هر کاربری ترجیح می‌دهد از شر مزاحمتشان راحت شود. در چنین وضعیتی تمام حواس کاربران درگیر پیدا کردن دکمه بستن پاپ آپ خواهد شد.
ممکن است با خواندن مقاله به ایرادات فعلی در طراحی سایت خود پی برده باشید و فکرتان درگیر بازطراحی سایت شود. چنین تصمیمی هزینه دارد اما فقط بحث زیبایی یا محتوا مطرح نیست مسئله ایجاد ساختار اصولی برای سایت است. اگر مشکلات برطرف نشوند و ظاهر سایت بروز نشود ترافیک ورودی روز به روز کمتر می شود.
فرقی ندارد که سایتتان را از ابتدا با کدنویسی طراحی کرده‌اید یا قالب‌های آماده را به کار برده‌اید، هر چه باشد. نیاز به اسکلت مستحکمی دارد تا ماندگاری و قدرت آن زیاد شود.
در صورت نیاز به بهبود طراحی سایت برای سئو چه باید کرد؟
طراحی طوری باشد که زمان حضور کاربر را افزایش دهد.
در هر صفحه با توجه به هویت برند تغییراتی بدهید که به کاربر کمک کند در کمتر از ۱۵ ثانیه متوجه ساختار و ماهیت آن شود.
از رفتار بد یا خوب رقبا در طراحی صفحات الهام و ایده بگیرید.
رقبایی که در لینک‌های برتر قرار دارند احتمالا ساختاری هدفمند دارند و گام به گام بازدیدکنندگان را تا تبدیل شدن به مشتری هدایت می‌کنند. اگر از قبل با آنها آشنایی دارد به حذف و اضافه شدن المانها دقت کنید. احتمالا هر تغییری با هدف بازاریابی موثرتر ایجاد شده است.
برای بازطراحی سایت در بازه‌های زمانی مختلف برنامه داشته باشید
گاهی لازم است در مواقعی خاص و همراه با وقایع مهم صفحات لندینگ و محصولات خود را تغییر دهید؛ بلک فرایدی یا نوروز و شب یلدا یا هنگام برگزاری همایشها و فستیوالهای داخلی و خارجی مرتبط با حوزه کاریتان
ریسپانسیو بودن را فراموش نکنید
در هر بار تغییر واکنش‌گرا بودن صفحات را برای صفحات موبایل بازبینی کنید.
متاتگ‌ها را در تک تک صفحات به دقت بررسی کنید.
از همراهان وفادار کمک بگیرید
نظرات مشتریان قبلی از تجربه کار با سایت بهترین راهنماست.
حواستان به گوگل و معیارهای مهمش باشد
از بهینه‌سازی عکس و ویدئو و صوت تا ساختار صفحات مطابق اصول سئو باشد.
به شاخصهای عملکردی توجه کنید
قرار دادن هر المان در طراحی صفحه برای تامین هدفی خاص است و برای انداز‌ه‌گیری کاربردی و مفید بودن المانها باید شاخصی تعیین شود تا بر اساس آن بفهمید چقدر کارآمد یا مزاحم است؟
با اصلاح خطاها صفحات را بهینه کنید
سئو تکنیکال یا فنی سهم مهمی در بهینه‌سازی سایت دارد و رفع خطاها بخشی از آن است. در باز طراحی بهتر است آنها را اصلاح کنید. وقتی کاربر در نتایج جستجو شما را انتخاب می‌کند و وارد سایت شده اما به صفحه‌ای هدایت می‌شود که خطای ۴۰۴ دارد و چیزی در آن نیست یا با خطای ۵۰۰ مواجهه می‌شود چون سرور نتوانسته درست عمل کند.
خودتان را جای کاربر بگذارید پس از چنین تجربه‌ای چه حسی دارید؟
در مقاله هاست چیست بیشتر درباره‌ی تاثیر هاست خوب بر سئو گفته شده است.
در نبود منوی ناوبری و دسته‌بندی کاربر سرگردان چه کند؟
دسته‌بندی موضوعات سایت سبب صرفه‌جویی زمان کاربران می‌شود و آنها گردشی هدفمند در سایت خواهند داشت. منوی ناوبری هم امکان بازگشت و پیمایش در سایت را بدون کمترین زحمت فراهم می‌کند.
طراحی با فلش برای سئو مشکل‌ساز است
طراحی سایت با فلش برای برخی جذاب است. در این روش گرافیک و زیبایی در اولویت است. اما بهینه سازی سایتهایی که با فلش طراحی شده اند مشکل است و شانس کمتری برای بدست آوردن رتبه‌های خوب در موتورهای جستجو دارند. از طراح خود بخواهید به جای استفاده از فلش با HTML5 و CSS3 سایت را طراحی کنند تا سئوی آن آسانتر باشد.
با اصالت در طراحی یک سر و گردن بالاتر از رقبا قرار گیرید.
در طراحی صفحات از عکسهای غیرتکراری، ساده و مینیمال استفاده کنید و هدفتان تامین نیاز کاربر باشد و اطلاعات اضافی قرار ندهید.
ارتباط طراحی سایت و سئو
بر فرض که با هوشمندی و تلاش در رتبه‌های برتر قرار گرفتید و جستجوگران شما را انتخاب کردند اما اگر وارد صفحه‌ای شوند که آماده حضورشان نباشد یا طراحی گیج‌کننده‌ای داشته باشد، هر چه بافته بودید رشته می‌شود و کاربر را مفت و مسلم از دست می‌دهید.
دیدگاه‌ها
خیلی مطلب خوبی بود. واقعا دارم کیف میکنم. فقط یه چیزی.
به نظرم توی محتواهایی که توی عنوان بر عدد تایید کردی توی عنوان شماره بزنی قشنگ‌تره. البته من بحث فنیش رو نمیدونم. ولی از نظر حسی قشنگ تره. بازم مرسی
نویسنده
مرسی از پیشنهادت فقط الان عدد توی عنوان هست که …