قبل از سفارش طراحی سایت، این نکات سئو را بدانید

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

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

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

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

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

سئو چیست و چه ارتباطی با طراحی سایت دارد؟

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

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

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

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

https://sarvmarketing.com/blog/what-is-seo/

آشنایی با سئو می‌تواند باعث شود که در مذاکره با طراح سایت، درخواست‌های مشخصی مطرح کنید.

ساختار فنی سایت

بسیاری از طراحان سایت از فریم‌ورک‌های جاوااسکریپتی مثل React یا Vue برای طراحی سایت شما استفاده می‌کنند.

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

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

راهکار حرفه‌ای برای رفع این مشکل استفاده از Server-Side Rendering است که می‌توان با ابزارهایی مثل مثل Next.js و Nuxt آن را اجرا کرد.

در این حالت محتوایی که کاربر می‌بیند با جاوا اسکریپت لود می‌شود و محتوایی که به بات‌های گوگل نمایش داده می‌شود با کدهای HTML.

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

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

دوم اینکه اگر با غیر فعال کردن جاوا اسکریپت دیده نمی‌شود، از Server-Side Rendering استفاده خواهد کرد یا نه.

Core Web Vitals

گوگل برای بررسی تجربه کاربری از شاخص‌های عددی استفاده می‌کند. مثل LCP (سرعت نمایش بزرگ‌ترین عنصر صفحه را نشان می‌دهد، حالت مورد انتظار زیر ۲.۵ ثانیه)، INP (تأخیر پاسخ به تعامل کاربر) و CLS (جابه‌جایی ناگهانی عناصر هنگام بارگذاری صفحه). این اعداد ارتباط زیادی با کد نویسی طراح و انتخاب سرور دارد.

فشرده‌سازی تصاویر با فرمت WebP، بارگذاری تنبل (Lazy Loading)، حذف اسکریپت‌های مسدودکننده رندر و استفاده از CDN. در قرارداد، عدد هدف مشخص کنید، مثلاً «امتیاز PageSpeed موبایل بالای ۸۰»، با اینکار هزینه‌های بعدی ریدیزاین و مشکلات سئویی به شدت کاهش می‌یابد.

معماری URL و ساختار صفحات

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

قبل از انتخاب قالب و طراح

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

دسترسی به تگ‌ها

آیا امکان ویرایش مستقل Title و Meta Description برای تک‌تک صفحات وجود دارد؟

این تگ‌ها برای سئو بسیار حیاتی هستند و گوگل با این تگ‌ها موضوع اصلی صفحات را متوجه می‌شود.

داده ساختاریافته

آیا Schema Markup (نشانه‌گذاری محصول، مقاله، پرسش‌های متداول، Breadcrumb) پیاده‌سازی می‌شود؟

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

فایل‌های خزش

آیا نقشه سایت XML به‌صورت خودکار به‌روزرسانی می‌شود و robots.txt قابل ویرایش است؟

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

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

مدیریت محتوای تکراری

تگ Canonical برای صفحات فیلتر و پارامتردار چگونه مدیریت می‌شود؟

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

نسخه موبایل

گوگل با رویکرد Mobile-First Indexing ابتدا نسخه موبایل را ارزیابی می‌کند؛ ریسپانسیو بودن دیگر یک امتیاز نیست، بلکه شرط اصلی رشد سئو سایت شماست.

مالکیت و دسترسی

دسترسی کامل به هاست، سورس و Search Console به شما تحویل داده می‌شود؟

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

جایگاه محتوا در طراحی

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

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

وبلاگ:

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

صفحات فرود خدمات/محصول

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

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

اشتباهات رایج سفارش‌دهندگان طراحی سایت از نگاه سئو

در این قسمت به چند مورد از اشتباهات طراحی سایت که تاثیر مخربی روی سئو سایت خواهد داشت، میپردازیم.

تمرکز بر روی زیبایی

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

بی‌توجهی به ساختار سایت قبلی

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

انتخاب هاست صرفاً بر اساس قیمت

زمان پاسخ سرور (TTFB) بالا، تمام بهینه‌سازی هایی که روی کدهای شما انجام شده است را از بین می‌برد و باعث می‌شود سرعت سایت شما کند شود.

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

قرارداد بدون معیار کمّی

«سایت سئوشده تحویل داده می‌شود» جمله‌ای غیرقابل استناد است؛ به‌جای آن شاخص‌های مشخص (امتیاز Core Web Vitals، پیاده‌سازی اسکیما) را در قرارداد درج کنید.

جمع‌بندی

طراحی سایت و سئو سایت یک پروژه یکسان هستند و دومی روی ساختار اولی پیاده سازی می‌شود.

بسیاری از مدیران وب سایت‌ها اول به سراغ طراح سایت می‌روند و تمام مراحل طراحی را انجام می‌دهند، بعد یکی دوماه به سراغ سئوکار می‌روند.

سئوکار با اولین بازدید از سایت، تعداد زیادی ایراد پیدا می‌کند که رفع این موارد چندین ماه زمان می‌برد.

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

پرسش‌های متداول

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

آیا می‌توان سئو را بعد از اتمام طراحی سایت شروع کرد؟

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

هزینه سئو جدا از هزینه طراحی سایت است؟

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

سایت وردپرسی بهتر است یا کدنویسی اختصاصی؟

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

چقدر طول می‌کشد سایت جدید در گوگل رتبه بگیرد؟

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