technical SEO یا همان سئو فنی برای موفقیت شما در موتورهای جستجوگر بسیار حیاتیست. حالا که یک محتوای ارزشمند را بر پایه پژوهش کلمه کلیدی نوشتهاید، مهم است که مطمعن شوید که توسط موتورهای جستجوگر هم قابل خواندن است.
قسمت پنجم: Technical SEO یا سئو فنی
داشتن دانش فنی پایه به شما کمک میکند که وبسایتتان را برای موتورهای جستجوگر بهتر آماده کنید و در صورت ارتباط با توسعهدهندگان یا برنامهنویسان، اعتبار خود را بالاتر ببرید.
دانش فنی پایه به شما کمک میکند که سایت خود را برای موتورهای جستجوگر بهینه کنید و همچنین برنامهنویسان حساب بیشتری روی شما باز کنند.
لازم نیست که درک فنی خیلی عمیقی از این مفاهیم داشته باشید، ولی باید درکی کلی مسائل فنی سئو داشته باشید تا بتوانید با برنامهنویسها هوشمندانهتر صحبت کنید. مکالمه به زبان برنامهنویسان مهم است، چون احتمالا به آنها جهت انجام برخی از بهینهسازیها نیاز خواهید داشت. این احتمال وجود دارد که در صورت عدم شفافیت درخواست شما، برنامهنویستان کار شما را پشت گوش بیندازد. ولی وقتی که برای خود بین آنها اعتبار و اعتماد ایجاد کنید، سدی را که معمولا جلوی به انجام رسیدن سئو میگیرد، خواهید شکاند.
سئو به همکاری تیمی نیاز دارد.
بسیار مهم است که با برنامهنویسان خود ارتباطی سالم داشته باشید تا بتوانید چالشهایی سئو را با موفقیت پیش رو بگذارید. صبر نکنید که یک مشکل پیش بیاید و بعد سراغ توسعهدهنده خود بروید. به جای اینکار، از همان ابتدا تمام حواس خود را روی این بگذارید که با همکاری، مانع از بروز مشکلات شوید. اگر این کار را نکنید، در آینده مجبورید که از زمان و جیب خود هزینه کنید.
اگر بخواهید که صفحات شما هم برای انسان و هم برای رباتهای موتورهای جستجوگر قابل خواندن باشد، دانستن بهینهسازیهای فنی لازم برای سئو اساسی است. این قسمت را به سه بخش تقسیم کردهایم.
۱. وبسایت چگونه کار میکند
۲. موتورهای جستجوگر چگونه وبسایت را درک میکنند
۳. کاربران چگونه با وبسایت کار میکنند.
از آنجاییکه ساختار فنی یک وبسایت میتواند تاثیر فراوانی روی عملکردش بگذارد، برای هرکسی حیاتیست که این مفاهیم را یاد بگیرد. شاید به اشتراک گذاشتن این بخش از آموزش سئو با برنامهنویس، نویسنده، طراح و دیگر افرادی که درگیر سایت هستند، ایده خوبی باشد.
وبسایت چگونه کار میکند؟
اگر بهینه سازی موتورهای جستجوگر، فرایندی باشد که طی آن وبسایت برای پیدا شدن بهینه میشود، یک متخصص سئو باید بداند که دقیقا دارد چه چیزی را بهینه میکند!
ما سعی میکنیم در این بخش داستان وبسایت را از زمان خرید دامین تا لود شدن در یک مرورگر پوشش دهیم. یکی از مهمترین بخشهای داستان یک وبسایت، critical rendering path یا مسیر رندر بحرانی است که طی آن یک مرورگر کدهای وبسایت را به یک صفحه قابل نمایش تبدیل میکند.
دانستن این مسئله برای یک متخصص سئو به دلایل زیر مهم است:
- این مرحله میتواند روی سرعت لود شدن صفحات شما تاثیر بگذارد. این را بدانید که سرعت فقط برای کاربرانی که روی سایتتان میآید مهم نیست، بلکه یکی از فاکتورهای رتبهبندی گوگل نیز میباشد.
- گوگل بعضی از منابع خاص همچون کدهای جاواسکریپ را در مرحله دوم رندر میکند. گوگل اول صفحه شما را بدون جاوا اسکریپت نگاه میکند، چند روز یا چند هفته بعد، جاواسکریپت را هم میخواند. بدین ترتیب المانهای موثر سئو که با استفاده از جاوااسکریپت نوشته شدهاند، احتمال ایندکس نشدنشان در گوگل بالاست.
تصور کنید که فرایند لود شدن وبسایت، مسیر رفت و آمد شما به محل کار است. مطمعنا در خانه آماده میشوید، وسایلی که میخواهید به دفتر ببرید را جمع میکنید و سپس سریعترین راه خانه به محلکارتان را انتخاب میکنید. حالا فرض کنید که فقط یک کفش بپوشید، مسیر طولانیتر به محل را انتخاب کنید، آنجا برسید و وسایلتان را روی میز دفتر بگذارید، بعد بلافاصله به خانه برگردید و دیگر کفشتان را بپوشید. احمقانه به نظر نمیرسد؟ این کاریست که یک وبسایت ناکارآمد انجام میدهد. در این بخش یاد میگیرید که چگونه تشخیص دهید کجای کار وبسایت شما میلنگد، برای سادهسازی آن چه کاری از دستتان بر میآید و نتایجی را که انجام این تنظیمات روی رتبه گوگلتان میگذارند را متوجه خواهید شد.
قبل از اینکه بتوانیم یک وبسایت را ارزیابی کنیم، باید راه بیفتد!
۱. خرید دامین. دامین مثل bizinoos.com از سرویسهای ارائه دهنده دامین تامین میشوند. اینها سازمانهایی هستند که رزرو دامینها را مدیریت میکنند.
۲. دامین به IP آدرس لینک میشود. اینترنت نمیتواند عبارتی همچون bizinoos.com را بدون کمک DNS ها به عنوان آدرس وبسایت تشخیص دهد. اینترنت یک سری از اعداد را که IP نامیده میشود (مثلا ۱۲۷٫۰٫۰٫۱) تشخیص میدهد، ولی ما میخواهیم که از عباراتی همچون bizinoos.com چون راحتتر در ذهن انسانها میماند استفاده شود. باید از یک DNS استفاده کنیم تا اعداد قابل خواندن توسط ماشین را به اسامی قابل خواندن توسط انسان تبدیل کنیم.
یک وبسایت چگونه از سرور به مرورگر منتقل میشود؟
۱. کاربر درخواست باز شدن دامین را میدهد. حالا که دامین و IP با DNS به همدیگر متصل شدهاند، مردم میتوانند با تایپ نام دامین در مرورگر خود یا کلیک روی یک لینک، درخواست دیدن یک وبسایت را بدهند.
۲. مرورگر این درخواست را ایجاد میکند. درخواست برای یک وبسایت به مرورگر اعلام میکند که یک درخواست جستجوی DNS بسازد تا نام دامین به IP آدرس آن تبدیل شود. مرورگر سپس از سرور تقاضا میکند که کدی که وبسایت توسط آن تولید شده است، از جمله HTML, CSS و JavaScript تحویل داده شود.
۳. سرور منابع را ارسال میکند. وقتی که سرور ریکوئست یا همان درخواست را برای وبسایت دریافت کرد، فایلهای وبسایت را برای مرورگر شخص میفرستد.
۴. مرورگر صفحه وب را مونتاژ میکند. مرورگر که حالا فایلها را از سرور دریافت کرده است، نیاز دارد که تمام آنها را کنار همدیگر قرار دهد تا صفحه را جوری لود کند که کاربر بتواند آن را در مانیتور خود ببیند. مرورگر که در حال تجزیه و سازماندهی تمامی منابع است، یک DOM یا Document Object Model یا همان سند مدل شیء را میسازد. DOM همان چیزیست که بعد از کلیک راست روی صفحه وب و انتخاب “inspect element” در مرورگر گوگل کروم دیده میشود.
۵. مرورگر آخرین درخواست را میفرستد. مرورگر تنها زمانی یک صفحه را نشان میدهد که تمامی کدهای لازم دانلود، تجزیه و اجرا شده باشند. پس اگر مرورگر نیازمند هرگونه کد اضافی برای نشان دادن وبسایت باشد، باعث ایجاد درخواست اضافی از سرور میشود.
۶. وبسایت در مرورگر نمایش داده میشود. پس از همه این مراحل، وبسایت کامل رندر شده و از یک سری کد، به آنچه که در بروزر خود میبینید تبدیل شده است.
با برنامهنویس خود درباره async صحبت کنید.
یکی از کارهایی که میتوانید به کمک برنامهنویس خود انجام دهید این است که critical rendering path را با استفاده از async کوتاه کنید که صفحات شما سریعتر لود شوند. Async به DOM میگوید که میتواند هنگامی که مرورگر همچنان دارد اسکریپتهای مورد نیاز را بارگیری میکند، به مونتاژ کردن صفحه نیز همزمان ادامه دهد تا صفحه دیده شود. اگر هر دفعه که بارگیری یک اسکریپت لازم است، مرورگر مونتاژ صفحه را متوقف کند، سرعت لود شما به طور قابل ملاحظهای کم میشود. مثل این میماند که با دوستانتان برای شام بیرون بروید و هر دفعه که یک نفرتان از سر میز بلند میشود، صحبتهایتان را تا زمان بازگشتن آن شخص متوقف کنید. به کمک async، شما و دوستانتان میتواند حتی اگر یکیتان نباشد، به گفتگو ادامه دهید. همچنین میتوانید از بهینهسازیهای دیگری که برنامهنویسان میتوانند برای کوتاه کردن مسیر رندر بحرانی استفاده کنند، بحره ببرید. مثل حذف کامل اسکریپتهایی که بی استفادهاند.
حالا که میدانید یک وبسایت چگونه در مرورگر ظاهر میشود، قصد داریم روی آنچه که وبسایت از آن ساخته شده تمرکز کنیم. به عبارت دیگر، تمرکز ما به سمت کد (زبان برنامهنویسی) میرود که از آن برای ساختن صفحات وب استفاده شده است.
سه زبان متداول عبارتند از:
- HTML – آنچه که وبسایت میگوید! (تیترها، متنها و …)
- CSS – قیافه وبسایت! (رنگ، فونت و …)
- JavaScript – رفتار وبسایت! (پویانماییها و …)

HTML: آنچه که وبسایت میگوید
HTML ستون فقرات وبسایت است. المانهایی همچون عناوین، پاراگرافها، لیستها و محتوا تماما با زبان HTML نوشته میشوند. در شکل زیر نمونهای از یک صفحه وب و نسخه HTML آن نشان داده شده است.
دانستن HTML برای سئوکار مهم است، زیرا ساختار تمامی صفحاتی که رویش کار میکنند، با این زبان است. درحالی که این روزها با پلتفرمهایی همچون وردپرس و جوملا نیازی نیست که حتما صفحاتتان را با زبان HTML بنویسید (مثلا استفاده از هایپرلینک به شما اجازه میدهد که بدون استفاده از تگ “a href=” لینک بسازید)، ولی چیزیست که همیشه با آن سر و کار دارید. رباتهای گوگل در این المانهای HTML میخزند تا تشخیص دهند که محتوای شما چقدر با آنچه که کاربران جستجو کردهآند ارتباط دارد. به زبان دیگر، کد HTML شما نقشی بزرگ در رتبهای که وبسایتتان در موتور جستجوگر میگیرد دارد.
CSS: قیافه وبسایت!
CSS خلاصه “cascading style sheets” یا شیوهنامه آبشاری است و باعث میشود که صفحات شما فونت، رنگ و طرحبندی خاصی داشته باشند. HTML برای توصیف محتوا ساخته شد، نه اینکه به آن قیافه و استایل خاصی بدهد، پس وقتی که CSS وارد میدان شد، واقعا داستان را عوض کرد. با CSS صفحات وب زیبا میشوند.
از سال ۲۰۱۴ گوگل توانست صفحات وب را شبیه به یک مرورگر لود کند، قبل از آن فقط متن را بررسی میکرد. عمل سئو کلاه سیاه در آن زمان این بود که به دلایلی نوشته را برای فریب دادن موتور جستجوگر، توسط css مخفی میکردند. این عمل کاملا در قواعد کیفی گوگل را نقض میکند.
مولفههای خاص CSS که باید به طور خاص در سئو به آنها توجه شود:
- از آنجا که میتوانید دستورات css را به جای قرار دادن در HTML صفحه، در فایلهای جداگانه (stylesheet files) قرار دهید، باعث میشود که صفحه شما از لحاظ حجم کد استفاده شده، سبکتر شود و لود شدن صفحه چندین برابر سریع گردد.
- با این وجود، مرورگر همچنان باید فایل CSS شما را دانلود کند، پس فشرده کردن آنها میتواند باعث لود شدن سریعتر صفحات وب شما شود و سرعت لود شدن، یکی از فاکتورهای رتبهای است که میگیرید.
- داشتن صفحاتی که بیش از آن که از لحاظ کدی سنگین باشند، محتوای زیادی در بر داشته باشند، میتواند باعث ایندکس شدن هرچه بهتر محتوای وبسایت شما گردد.
- استفاده از CSS برای مخفی کردن لینکها و محتوا، میتواند باعث جریمه شدن وبسایت شما و حذف از میان نتایج گوگل گردد.
JavaScript: رفتار وبسایت!
در روزهای ابتدایی اینترنت، همه چیز با HTML ساختمه میشد. وقتی CSS پا به میدان گذاشت، محتوای صفحات وب این قابلیت را داشت که استایل خاصی به خود بگیرد. وقتی زبان برنامه نویسی جاواسکریپ وارد صحنه شد، وبسایتها نه تنها میتوانند ساختار و استایل داشته باشند، بلکه میتوانند متحرک نیز باشند.
Javascript کمک زیادی به طراحی صفحات غیر ایستا در محیط اینترنت به ما کرده است. جاواسکریپ جان تازهای به صفحات وب داده است. مطمعنا تا به حال جاواسکریپ را دیدهاید، ولی شاید متوجهش نشده باشید. به این خاطر که این زبان برنامهنویسی تقریبا هر کاری را میتواند برای یک صفحه وب انجام دهد. مثلا pop-up را ایجاد کند یا درخواست ایجاد تبلیغات را از یک وبسایت دیگر، در گوشهای از سایت شما بگیرد.
رندر شدن وبسایت برای مشتری در مقابل رندر شدن سایت از سمت سرور
Javascript میتواند باعث ایجاد برخی از مشکلات برای سئو شود، به خاطر اینکه موتورهای جستجوگر جاواسکریپت را مثل انسانها نمیبینند. این به خاطر تفاوت رندر شدن از سمت مشتری در مقابل رندر شدن از سمت سرور است. بیشتر جاواسکریپت در مرورگر مشتری اجرا میشود. در آن سوی ماجرا که سرور در حال رندر کردن است، فایلها بر روی سرور اجرا میشوند و سرور آنها را در حالتی کاملا رندر شده، برای مرورگر میفرستد.
المانهای حیاتی سئو مثل متن، لینکها و تگهایی که در سمت مشتری به جای HTML توسط جاواسکریپت لود میشوند، تا وقتی که رندر نشدهاند، در میان کدهای صفحه شما نامرئی هستند! به این معنا که خزنده موتور جستجوگر حداقل بعد از بررسی اولیه، نمیتواند ببیند که دقیقا چه چیزی در کد جاواسکریپت شما نهفته است.
گوگل عنوان کرده که تا وقتی که ربات گوگل را از خزیدن میان فایلهای جاواسکریپت منع نکرده باشید، عموما قادر به رندر و درک کردن صفحات وب شما هست. گوگل ادعا کرده که صفحات شما را دقیقا مثل یک مرورگر میتواند ببیند و همان چیزی را که کاربر در مانیتور خود مشاهده میکند را میبیند. با این حال، ممکن است گوگل بعضی از المانهای خاصی که فقط بعد از اجرای javascript در دسترس هستند را از دست بدهد.
همچنین مشکلات دیگری نیز هنگام فرایند رندر کردن صفحه توسط ربات گوگل وجود دارد. این مشکلات میتوانند مانع از درک گوگل از محتوای درون جاواسکریپت شما شوند:
- شما ربات گوگل را از بررسی منابع جاواسکریپت منع کردهاید. (مثلا از طریق فایل robots.txt)
- سرور شما توانایی مدیریت تمام درخواستهای خزیدن در محتوای شما را ندارد.
- جاواسکریپت برای ربات گوگل خیلی پیچیده یا تاریخ گذشته است.
- جاواسکریپت نمیتواند از طریق آپشن “lazy load” قبل از اینکه خزنده کارش در صفحه تمام شده، محتوا را ببیند.
در حالی که جاواسکریپت امکانات زیادی را جهت ایجاد صفحات وب فراهم میکنند، ولی اگر مراقب نباشید، برای سئوی شما حاشیه ساز خواهد بود.
خوشبختانه یک راه وجود دارد که متوجه شویم آیا گوگل همه چیز را مثل کاربران میبیند یا نه. برای دیدن اینکه ربات گوگل چگونه صفحه شما را میبیند، از قسمت “url inspection” گوگل سرچ کنسول استفاده میکنیم. کافیست که آدرس را در فیلد بالای گوگل سرچ کنسول وارد کنید.
بعد از اینکه ربات گوگل دوباره در URL خزید، روی گزینه “view tested page” کلیک کنید تا ببینید صفحه شما چگونه بررسی و رندر شده است.
روی گزینه “screenshot” کلیک کنید تا ببینید ربات گوگل چگونه روی گوشی خود! صفحه شما را رندر میکند. اینطور میتوانید آنچه که گوگل میبیند را با صفحهای که کاربر میبیند، مقایسه کنید.
در تب “more info” گوگل همچنین لیست منابعی را که شاید توانایی گرفتنشان را از طریق URL نداشته، ذکر میکند.
دانستن اینکه وبسایت چگونه کار میکند، برای درک موضوع بعدی که بهینهسازیهای فنی برای کمک به گوگل جهت درک صفحات وبسایت است، حیاتیست.
موتورهای جستجوگر چگونه وبسایت را میخوانند
تصور کنید که شما یک خزنده موتور جستجوگر هستید که دارید یک مقاله ۱۰۰۰۰ کلمهای راجع به آموزش پختن کیک میخوانید. شما چگونه نویسنده، دستور آشپزی، مواد افزودنی و دیگر قدمهایی که برای پختن کیک لازم است را تشخیص میدهید؟ اینجاست که schema markup وارد عمل میشود. این به شما کمک میکند که اطلاعات خود را طبقهبندی کنید و بعد به راحتی موتور جستجوگر از آن استفاده میکند.
schema یک راه برای لیبل گذاری یا سازماندهی محتوای شماست. بنابرین موتورهای جستجوگر درک بهتری از اینکه چه المانهایی در صفحات وب شما وجود دارد خواهند داشت. این میتواند یک ساختار برای محتوای شما ایجاد کند. به همین خاطر معمولا schema به دادههای ساختاری مشهور است. پروسه ساختار بندی داده شما نیز markup نامیده میشود. چون در حال علامت گذاری محتوا با یک سری کد تعریف و سازمانی شده هستید.
مارکآپ ترجیح داده شده گوگل، JSON-LD است که بینگ نیز آن را ساپورت میکند. برای دیدن هزاران schema markup در دسترس، میتوانید از وبسایت Schema.org استفاده کنید تا ببینید دادههای خود را چگونه باید ساختاربندی کنید.
بعد از اینکه بهترین ساختار متناسب با خودتان را به کار بردید، میتوانید به کمک Google Structured Data Testing آن را آزمایش کنید.
به علاوه جهت کمک کردن به رباتهای گوگل جهت اینکه متوجه شوند هر بخش از محتوا در چه موردیست، schema markup همچنین امکانات خاصی را برای کمک به صفحات شما در میان نتایج جستجو ارائه میدهد. این امکانات خاص به rich snippets مشهور هستند و احتمالا چندتا از آنها به چشمتان خورده است. مثل:
- اسلایدر برترین پستها
- ستارههای کنار نتایج
- جعبههای جستجو در سایت
- دستور العملها
یادتان باشد که استفاده از دادههای ساختاربندی شده میتواند به شما جهت فعال کردن این امکانات کمک کند، ولی تضمینی برای دیدهشدن آنها وجود ندارد. احتمالا با گذر زمان امکانات بیشتری نیز اضافه میشوند چون استفاده از schema markup در حال افزایش است.
چند توصیه دیگر نیز برای موفقیت از نظر schema برای شما داریم:
- شما میتوانید از چند نوع schema markup در یک صفحه استفاده کنید. با این حال اگر یکی از المانهای محتوای خود مثلا محصول را نشانهگذاری کنید و محصولات دیگری نیز در صفحه وجود داشته باشند، شما باید دیگر محصولات را نیز نشانهگذاری کنید.
- محتوایی که مخاطب نتواند ببیند ایجاد نکنید. برای مثال اگر شما ساختار نقد و بررسی را برای یک صفحه انتخاب کنید، مطمعن شوید که این نقدها در آن صفحه فعال هستند.
- سعی کنید که اختصاصیترین مارکآپ را برای محتوای خود انتخاب کنید.
- نقدهای مارک شده نباید توسط صاحب کسب و کار نوشته شده باشند و الزاما باید از سمت مشتریان واقعی باشد.
صفحات اصلی خود را با استفاده از عمل canonicalization به گوگل اطلاع دهید
وقتی گوگل یک محتوای تکراری را در صفحات مختلف وب میبیند، گاهی اوقات گیج میشود و نمیداند کدام را ایندکس کند. به همین خاطر تگ rel=”canonical” اختراع شد. این تگ به موتورهای جستجوگر کمک میکند که نسخه اصلی محتوا، و نه کپی شدهها را ذخیره کند.
rel=”canonical” به شما اجازه میدهد که به موتورهای جستجوگر بگویید که دقیقا ورژن اصلی این محتوا در کجا واقع شده است. در واقع با استفاده از آن شما میگویید: “موتور جستجوگر عزیز، این صفحه را ایندکس نکن، به جایش صفحه اصلی را که منبعش اینجاست، ایندکس کن.”
به این ترتیب اگر بخواهید که یک محتوا را دوباره نشر کنید، حال میخواهد دقیقا همان باشد یا تغییر کوچکی کرده باشد، ولی نمیخواهید ریسک ایجاد محتوای کپیشده را بکنید، تگ canonical شما را نجات میدهد.
انجام عمل canonicalization به طور کامل، شما را مطمعن میکند که هر محتوای منحصر به فردی در وبسایت شما، تنها یک URL دارد. برای جلوگیری از ایندکس شدن یک محتوای تکراری با چند URL مختلف، گوگل توصیه کرده که تمامی آنها تگ canonical داشته باشند و نسخه اصلی را به لینک خودش ارجاع دهید. بدون تگ canonical که به گوگل نشان دهد کدام صفحه شما اصلیست، ممکن است حتی آدرس سایت شما با www و بدون www هر دو ایندکس شوند و به مشکل Dublicate content برخورد کنید.
عدم استفاده از محتوای کپی شده در اینترنت یک اصل است. دلیل هم دارد. گوگل میخواهد به وبسایتهایی که محتوایی منحصر به فرد و ارزشمند دارند، پاداش بدهد. نه محتوایی که از جای دیگر برداشته شده و در چند صفحه از آن استفاده شده باشد. به خاطر اینکه موتور جستجوگر میخواهد بهترین تجربه جستجو را برای کاربران ایجاد کند، به ندرت چند نسخه از یک محتوا نمایش داده میشود. به جایش تنها نسخه canonicalized نشان داده میشود یا اینکه اگر تگ canonical وجود نداشته باشد، نسخهای را که به نظرشان اصلی میرسد، انتخاب میکنند.
بیشتر از نحوه استفاده از تگ canonical بدانید
تفاوت بین فیلتر محتوا و جریمه محتوا
چیزی به عنوان جریمه dublicate content وجود ندارد. با ای حال، باید سعی کنید جلوی ایندکس شدن محتوای تکراری را با استفاده از rel=”canonical” وقتی که امکانش هست، بگیرید. وقتی صفحه تکراری وجود داشته باشد، گوگل از یکی را به عنوان canonical انتخاب میکند و دیگر صفحات را از نتایج جستجو حذف میکند. این به معنای جریمه شدن نیست. فقط به این معناست که گوگل میخواهد یکی از نسخههای محتوای شما را نشان بدهد.
در مورد canonicalization بیشتر بدانید
داشتن صفحات تکراری به خاطر نحوه چینش و فیلترها در یک وبسایت، بسیار متداول است. برای مثال در یک فروشگاه اینترنتی، ممکن است شما faceted navigation را داشته باشید که به کاربران اجازه میدهد محصولات را محدود کنند تا دقیقا آنچه که مد نظرشان هست را ببینند. مثلا آپشن “چینش یا sort” بر اساس قیمت یا تعداد بازدید. این میتواند باعث ایجاد یک URL مثل این شود: example.com/mens-shirts?sort=price_ascending
به فیلترهای دیگر مثل رنگ، سایز، جنس، برند و … هم فکر کنید. حالا بیندیشید که صفحه دسته بندی محصولات شما چند واریته دیگر تولید میکند!
برای دانستن مطالب بیشتر راجع به محتوای تکراری، این پست را مطالعه کنید.
کاربران چگونه با وبسایت کار میکنند
در قسمت ۱، گفتیم اگر چه سئو مخفف بهینه سازی موتورهای جستجوگر است، همان اندازه هم به افرادی که جستجو میکنند نیز وابسته است. به این خاطر که موتورهای جستجوگر برای خدمتدهی به جستجوگران ایجاد شده اند. این هدف دقیقا دلیل پاداش دادن گوگل به وبسایتهاییست که بهترین تجربه کاربری را برای جستجوگر فراهم میکنند. به همین دلیل هم وبسایتهایی هستند که با وجود داشتن کیفیتهای لازمه همچون بکلینکهای فراوان، نتوانستهاند در نتایج جستجو جایگاه مناسبی بدست آورند.
وقتی درک کنیم که چه چیزی باعث میشود که تجربه مرور وبسایت ما برای کاربر بهینه شود، میتوانیم برای گرفتن بهترین نتایج، آنها را بهینهسازی کنیم.
اطمینان خاطر از تجربه کاربری مثبت برای مخاطبینی که از موبایل استفاده میکنند
بیش از نیمی از ترافیک وب، از موبایلها سرچشمه میگیرد. میتوان با اطمینان خاطر گفت که وبسایت شما باید در موبایل قابل دسترس باشد و مرور آن ساده باشد. در آپریل ۲۰۱۵، یکی از آپدیتهای گوگل کاری کرد که صفحات موبایل-فرندلی رتبه بهتری از آنهایی که نیستند بگیرند. حالا چطور میتوان مطمعن شد که وبسایت شما موبایل-فرندلی است؟ گوگل طراحی وبسایت واکنشگرا را توصیه میکند.
طراحی واکنشگرا یا ریسپانسیو
وبسایتهای واکنشگرا به این خاطر طراحی شدهاند که بدون توجه به دستگاهی که کاربر شما استفاده میکند، صفحه را فیت آن کنند. با استفاده از css میتوان کاری کرد که صفحات به سایز دستگاه، واکنش نشان دهند. این حالت ایده آل ماست. چون باعث میشود که کاربر نیازی به زوم نداشته باشد تا محتوای صفحه شما را ببیند. آیا مطمعن نیستید که صفحات شما موبایل فرندلی هستند یا نه؟ از ابزار تست موبایل-فرندلی گوگل استفاده کنید!
AMP
AMP مخفف Accelerated Mobile Pages یا صفحات موبایل پرشتاب است. از آن برای تحویل محتوا به کاربران موبایل با سرعتی بسیار سریع تر از حالت معمولی استفاده میشود. AMP این توانایی را دارد که محتوا را خیلی سریع از کش سرور (نه وبسایت اصلی) تحویل بدهد و از ورژن خاصی از HTML و JavaScript برای این کار استفاده میکند.
Mobile-first indexing
در سال ۲۰۱۸، گوگل شروع به این کار کرد. به این معنا که اول ورژن موبایل ایندکس میشود. این باعث شد که کمی ابهام در مورد دو مفهوم mobile-frindly بودن و mobile-first به وجود بیاید، پس بهتر است اول از آن رفع ابهام کنیم. متناسب کردن اندازه وبسایت با اندازه صفحه موبایل برای کاربران و عملکرد شما در موتور جستجوگر خوب است، ولی mobile-first جدای از این مسئله است.
این باعث ایجاد نگرانیهایی برای وبسایتهایی شد که بین دو ورژن موبایل و دسکتاپ آنها، برابری وجود نداشت. مثلا بعضی از آنها محتوای متفاوتی نشان میدادند، منوها فرق داشت، لینک ها یکی نبود و … برای مثال این مسئله باعث میشد که اگر لینکهای سایت موبایل شما متفاوت باشد، نحوه خزیدن ربات گوگل در وبسایت تغییر کند و معادلات شما ممکن بود بهم بریزد.
افزایش سرعت صفحه برای کاهش ناامیدی مخاطب!
گوگل میخواهد محتوایی را ارائه دهد که با سرعت فشنگ بدست جستجوگر برسد. ما انتظار داریم که نتایج سریع بدستمان برسند و وقتی اینطور نباشد، سریعا به صفحه نتایج گوگل بر میگردیم تا دنبال صفحه بهتر و سریعتری بگردیم. به همین خاطر هم سرعت صفحه یکی از جنبههای مهم سئو وبسایت است. ما میتوانیم با استفاده از ابزارهای زیر سرعت وبسایت خود را افزایش دهیم.
- Google’s PageSpeed Insights tool & best practices documentation
- How to Think About Speed Tools
- GTMetrix
- Google’s Mobile Website Speed & Performance Tester
- Google Lighthouse
- Chrome DevTools & Tutorial
تصاویر یکی از مقصران اصلی صفحات کند هستند!
در قسمت ۴ هم در این مورد صحبت کردیم. تصاویر یکی از اصلیترین دلایل کندی صفحات وب هستند. علاوه بر فشردهسازی، بهینه سازی آنها با متن جایگزین، انتخاب فرمت مناسب و استفاده از سایتمپ برای تصاویر، راههای فنی دیگری هم برای بهینهسازی سرعت و نحوه نمایش تصاویر برای کاربران وجود دارد. بعضی از آن ها به شرح زیر هستند:
۱. SECSET: چگونه بهترین سایز عکس را برای هر دستگاه ارائه دهیم
SRCSET به شما اجازه میدهد که چند ورژن از عکستان داشته باشید و سپس انتخاب کنید که در هر وضعیتی، کدام یک از آنها استفاده شود. این کد به ابتدای تگ <img> اضافه میشود تا تصاویری منحصر به فرد برای هر دستگاه خاصی ارائه گردد.
مثل همان مفهوم طراحی واکنشگراست که قبلا در موردش گفتیم، ولی این بار برای تصاویر.
این کار نه تنها سرعت لود شدن تصاویر شما را افزایش میدهد، به علاوه راهی منحصر به فرد جهت بهبود تجربه کاربری است. این کار با ارائه تصاویر با سایزهای بهینه شده انجام میگردد.
۲. از lazy load استفاده کنید.
lazy load هنگامی اتفاق میافتد که شما وارد یک وبسایت میشوید و به جای دیدن یک جای خالی سفید برای تصاویری که هنوز لود نشدهاند، یک ورژن تار از عکس یا یک جعبه رنگی مشاهده میکنید تا تصویر کامل در سایز اصلیش بارگیری شود.
ابتدا ورژن با رزولوشن بسیار پایین لود میشود، بعد تصویر اصلی بالا میاید. این کمک میکند که همان مسیر رندر بحرانی بهینه شود! به این ترتیب که همه منابع صفحه شما در حال دانلود شدن هستند، یک ورژن کم کیفیت از عکس را نشان میدهید که به شما کمک میکند به کاربر بفهمانید که وبسایت در حال لود شدن است. برای دانستن اینکه چگونه باید تصاویر خود را با استفاده از lazy load بهینه کنید، از دستورالعمل lazy load گوگل استفاده نمایید.
با فشردهسازی فایلها، سرعت را افزایش دهید
معمولا در گزارشاتی که پلتفرمهای سرعت بخشیدن به وبسایت ارائه میدهند، توصیههایی همچون minify resource یا کوچک سازی منابع به چشم میخورد. ولی این به چه معناست؟ کوچکسازی، باعث فشرده شدن یک فایل کد با پاک کردن چیزهایی همچون فاصلهها، اسپیس و مخفف کردن نام کدها میشود.
بسته بندی یا bundling نیز احتمالا به گوشتان خورده یا میخورد. طی این پروسس، چندین فایل کد که زبان برنامهنویسی یکسانی دارند، با همدیگر در یک فایل ادغام می شوند. برای مثال چند فایل جاواسکریپت میتوانند در قالب یک فایل بزرگتر قرار بگیرند تا تعداد فایلهای جاواسکریپت برای مرورگر کاهش یابد.
با کمک minfy و bundling کردن فایلها جهت ساختن صفحات وب، سرعت وبسایت شما افزایش مییابد و تعداد ریکوئستهای شما کاهش خواهد یافت.
بهبود تجربه کاربری برای کاربران بینالملی
وبسایتی که قصدش هدف قرار دادن چند کشور است، باید با سئو بین المللی آشنا باشد تا بتواند بهترین تجربه را برای کاربران رقم بزند. بدون داشتن این بهینهسازیها، ممکن است که مخاطبین از سراسر دنیا، برای پیدا کردن ورژنی از سایت شما که به دردشان میخورد، به مشکل برخورد کنند.
دو راه برای بینالمللی کردن وبسایت وجود دارد:
- زبان
وبسایتهایی که افرادی را که به چند زبان صحبت میکنند هدف قرار میدهند. این وبسایتها باید چیزی را به عنوان hreflang به وبسایتشان اضافه کنند تا به گوگل نشان دهند که این صفحه شما، یک کپی با زبانی دیگر هم دارد.
- کشور
وبسایتهایی که مخاطبین کشورهای مختلف را هدف قرار میدهند، به وبسایتهای چند منطقهای مشهور هستند و باید ساختار URL مناسبی داشته باشند تا کاربران به راحتی کشور خود را انتخاب کنند.
شما تحقیق کردید، متنتان را نوشتهاید، وبسایتتان را برای موتورهای جستجوگر بهینه کردهاید و تجربه کاربری خوبی هم دارید. تکه دیگر از پازل سئو، بسیار بزرگ است! ایجاد اقتدار و مرجعیت به این صورت که صفحات شما در نتایج جستجو رتبه خوبی بگیرند.