همه چیز درباره سئو تکنیکال

در این مطلب به بررسی مراحل و نکات لازم برای سئو تکنیکال (Technical SEO) خواهیم پرداخت. دانش فنی اولیه به شما کمک می‌کند تا سایت خود را برای موتورهای جستجو بهینه کنید و اعتبار خود را نزد توسعه‌دهندگان بالا ببرید. اکنون که محتوای ارزشمندی را بر اساس تحقیقات کلیدواژه عالی ساخته‌اید مهم است مطمئن شوید که نه تنها برای انسان بلکه توسط موتورهای جستجو نیز قابل خواندن باشد.

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

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

• نحوه کار وب‌ سایت‌ها
• موتورهای جستجو چگونه وب سایت‌ها را درک می‌کنند
• نحوه تعامل کاربران با وب سایت‌ها

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

نحوه کار وب سایت‌ ها

اگر بهینه‌سازی موتور جستجو فرآیند بهینه‌سازی یک وب‌سایت برای جستجو است سئوکاران حداقل به درک اولیه از چیزی که در حال بهینه‌سازی هستند نیاز دارند!

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

دانستن این موضوع در مورد وب سایت‌ها به چند دلیل برای SEO‌ها مهم است:

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

Google منابع خاصی مانند جاوا اسکریپت را در “بازدید دوم” از وبسایت پردازش می‌کند. گوگل ابتدا به صفحه بدون جاوا اسکریپت نگاه می‌کند سپس چند روز تا چند هفته بعد، جاوا اسکریپت را رندر می‌کند. این به این معنی است که عناصر حیاتی SEO که با استفاده از جاوا اسکریپت به صفحه اضافه می‌شوند ممکن است ایندکس نشوند.

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

قبل از این‌که بتوان به یک وب سایت دسترسی داشت باید آن را راه‌اندازی کرد

در ابتدا دامنه‌ای مانند sepantam.com از یک شرکت ثبت‌کننده نام دامنه خریداری کرده‌اید. این شرکت‌ها فقط رزرو نام‌های دامنه را مدیریت می‌کنند.

نام دامنه به آدرس IP مرتبط است. اینترنت، نام‌هایی مانند «sepantam.com» را به‌عنوان آدرس وب سایت بدون کمک سرورهای نام دامنه (DNS) درک نمی‌کند. اینترنت از یک سری اعداد به نام آدرس پروتکل اینترنت (IP) استفاده می‌کند (مثلاً ۱۲۷.۰.۰.۱). اما ما می‌خواهیم از نام‌هایی مانند sepantam.com استفاده کنیم زیرا به خاطر سپردن آن‌ها برای انسان آسان‌تر است. ما باید از یک DNS استفاده کنیم تا آن نام‌های قابل خواندن توسط انسان را با اعداد قابل خواندن توسط ماشین پیوند دهیم.

چگونه یک وب سایت از سروری به مرورگر دیگر می‌رسد

۱. دامنه درخواست های کاربر: اکنون که نام از طریق DNS به یک آدرس IP لینک داده شده است افراد می‌توانند با تایپ نام دامنه مستقیماً در مرورگر خود یا با کلیک بر روی لینک به وب سایت، یک وب سایت را درخواست کنند.

۲. مرورگر درخواست می‌کند: این درخواست برای یک صفحه وب در سئو تکنیکال، مرورگر را وادار می‌کند تا یک درخواست جستجوی DNS برای تبدیل نام دامنه به آدرس IP خود ارائه دهد. سپس مرورگر برای کدهایی که صفحه وب شما با آن ساخته شده است مانند HTML، CSS و جاوا اسکریپت از سرور درخواست می‌کند.

۳. سرور منابع را ارسال می‌کند: هنگامی‌که سرور درخواست وب سایت را دریافت کرد فایل‌های وب سایت را برای جمع‌آوری در مرورگر کاربر ارسال می‌کند.

۴. مرورگر، صفحه وب را مونتاژ می‌کند: مرورگر اکنون منابع را از سرور دریافت کرده است اما هنوز باید همه آن‌ها را کنار هم بگذارد و صفحه وب را پردازش کند تا کاربر بتواند آن را در مرورگر خود ببیند. همان‌طور که مرورگر تمام منابع صفحه وب را تجزیه و سازماندهی می‌کند یک مدل (Document Object Model) ایجاد می‌کند. DOM همان چیزی است که هنگام کلیک راست و انتخاب گزینه “inspect element” و حرکت دادن موس روی صفحه وب و قرار دادن نشانگر موس بر روی المان‌های مختلف در مرورگر کروم خود می‌توانید مشاهده کنید.

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

۶. وب سایت در مرورگر ظاهر می‌شود: پس از همه این مراحل اکنون وب سایت شما از کد به چیزی که در مرورگر خود می‌بینید تبدیل شده است.

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

۳ مورد از رایج‌ترین زبان‌های برنامه‌نویسی صفحات وب

• HTML: آن‌چه یک وب سایت بیان می‌کند (عناوین، محتوای صفحه و…)
• CSS: چگونه یک وب سایت به نظر می‌رسد (رنگ، ​​فونت و…)
• جاوا اسکریپت: نحوه رفتار آن (تعاملی، پویا و غیره)

HTML: اسکلت یک سایت

HTML مخفف Hypertext Markup Language است و به‌عنوان ستون فقرات یک وب سایت محسوب می‌شود. عناصری مانند سرفصل‌ها، پاراگراف‌ها، فهرست‌ها و محتوا همگی در HTML تعریف شده‌اند.

در این‌جا نمونه‌ای از یک صفحه وب و شکل HTML مربوط به آن آمده است:

یاد داشتن HTML در سئو بسیار مهم است، زیرا HTML در واقع “زیر ساخت” هر صفحه‌ای که ایجاد می‌کنید یا روی آن کار می‌کنید است. در حالی‌که CMS شما احتمالاً نیازی به نوشتن صفحات خود در HTML ندارد. (مثلاً انتخاب «hyperlink» به شما امکان می‌دهد بدون نیاز به تایپ کردن «a href=» یک لینک ایجاد کنید) این مانند زمانی است که شما در حال اصلاح کردن چیزی مانند افزودن محتوا، تغییر متن لنگر لینک‌های داخلی و… هستید. Google این عناصر HTML را جستجو می‌کند تا تعیین کند که سند شما چقدر به یک جستجو خاص مرتبط است. به عبارت دیگر آن‌چه در HTML شما وجود دارد نقش مهمی در رتبه‌بندی صفحه وب شما در جستجوی ارگانیک گوگل ایفا می‌کند.

CSS: ظاهر یک سایت

CSS مخفف عبارت Cascading style sheets است. CSS باعث می‌شود صفحات وب شما فونت‌ها، رنگ‌ها و طراحی‌های خاصی به خود بگیرند. علاوه ‌بر سئو تکنیکال این کار باعث ایجاد ظاهر بهتر صفحه می‌شود. HTML برای توصیف محتوا به جای سبک دادن به آن ایجاد شد. بنابراین وقتی CSS وارد صحنه شد بازی را تغییر داد. با CSS، می‌توان صفحات وب را بدون نیاز به کدنویسی دستی هر صفحه زیبا سازی کرد.

در سال ۲۰۱۴ بود که سیستم شاخص‌گذاری گوگل برخلاف مرورگرهای متنی شروع به ارائه صفحات وب بیشتر، شبیه به یک مرورگر واقعی کرد. یک روش سئو کلاه‌سیاه که سعی داشت از سیستم شاخص‌گذاری قدیمی گوگل استفاده کند متن و لینک‌ها را از طریق CSS به منظور دستکاری رتبه‌بندی موتورهای جستجو مخفی می‌کرد (در واقع متن و لینک‌ها هم رنگ پس‌زمینه بود. کاربر آن را نمیدید و فقط موتور جستجو قادر به خواندن آن کد بود). این روش «متن و لینک‌های پنهان» نقض دستورالعمل‌های کیفیت Google است.

اجزای CSS که به‌ویژه سئوکاران باید به آن‌ها اهمیت دهند:

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

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

داشتن محتوای سنگین‌تر از محتوای صفحات شما می‌تواند منجر به شاخص‌گذاری بهتر محتوای سایت شما شود.

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

جاوا اسکریپت: پویا سازی اِلمان ها

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

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

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

آیا پردازش سمت کاربر و سرور یکسان است؟

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

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

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

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

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

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

خوشبختانه راهی برای بررسی سئو تکنیکال  و این‌که آیا گوگل همان چیزی را که بازدیدکنندگان شما می‌بینند یا خیر وجود دارد. برای مشاهده صفحه‌ای که نشان دهد Googlebot چگونه صفحه شما را مشاهده می‌کند از ابزار «URL Inspection» گوگل سرچ کنسول استفاده کنید. به سادگی URL صفحه خود را در نوار جستجوی GSC قرار دهید:

بر روی Test Live URL کلیک کنید

پس از این‌که Googlebot، URl شما را دوباره کاوش کرد روی “Test Live URL” کلیک کنید تا ببینید صفحه شما چگونه جستجو شده و ارائه می‌شود.

کلیک کردن بر روی برگه “Screenshot” در مجاورت “HTML” نشان می‌دهد که چگونه گوشی هوشمند Googlebot صفحه شما را پردازش می‌کند.

در عوض خواهید دید که Googlebot چگونه صفحه شما را می‌بیند و در مقابل آن چگونه یک بازدیدکننده (یا شما) ممکن است صفحه را ببیند. در برگه «اطلاعات بیشتر» Google همچنین فهرستی از منابعی را که ممکن است کاربران نتوانسته باشند برای URL وارد شده دریافت کنند به شما نشان می‌دهد.

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

موتورهای جستجو چگونه وب سایت‌ها را می بینند

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

اسکیما، راهی برای برچسب زدن یا سازمان‌دهی محتوای شما است تا موتورهای جستجو درک بهتری از عناصر خاصی در صفحات وب شما داشته باشند. این کد، ساختاری را برای داده‌های شما فراهم می‌کند. به‌همین دلیل است که نمودار اغلب به‌عنوان داده‌های ساختاریافته (structured data) نامیده می‌شود. فرآیند ساختاردهی داده‌های شما اغلب به‌عنوان “markup” شناخته می‌شود زیرا شما محتوای خود را با کد سازمانی علامت‌گذاری می‌کنید.

JSON-LD نشانه‌گذاری اسکیما ترجیحی گوگل است (اعلام شده در ماه مه ۲۰۱۶) که Bing نیز از آن پشتیبانی می‌کند. برای مشاهده لیست کامل هزاران نشانه‌گذاری الگویی موجود از Schema.org دیدن کنید یا برای اطلاعات بیشتر در مورد نحوه پیاده‌سازی داده‌های ساختار‌یافته، مقدمه Google Developers to Structured Data را مشاهده کنید. پس از پیاده‌سازی داده‌های ساختاریافته‌ای که به بهترین وجه مناسب، صفحات وب شما هستند می‌توانید اسکیما خود را با Structured Data Testing Tool آزمایش کنید.

نشانه‌گذاری اسکیما علاوه‌بر کمک به ربات‌هایی مانند گوگل در درک این‌که یک محتوای خاص در مورد چیست تاثیر دارد. همچنین می‌تواند ویژگی‌های خاصی را برای همراهی صفحات شما در SERP‌ها فعال کند. این ویژگی‌های خاص به‌عنوان «Rich Snippets» شناخته می‌شوند و احتمالاً آن‌ها را در عمل دیده‌اید. آن‌ها چیزهایی مانند موارد زیر هستند:

• گردش داستان‌های برتر
• مرور کردن ستاره‌ها (امتیازها)
• جعبه‌های جستجو لینک‌های سایت
• دستورهای پخت

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

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

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

با کنونیکال، صفحات اَرجَح خود را به موتورهای جستجو معرفی کنید

وقتی گوگل، یک محتوا را در صفحات مختلف وب پیدا می‌کند گاهی اوقات نمی‌داند که کدام صفحه را در نتایج جستجو فهرست کند. به‌همین دلیل است که تگ rel=”canonical” برای کمک به موتورهای جستجو برای ایندکس بهتر نسخه ترجیحی محتوا و نه همه موارد تکراری آن اختراع شد.

تگ rel=”canonical” به شما این امکان را می‌دهد که به موتورهای جستجو بگویید نسخه اصلی یک قطعه محتوا در کجا قرار دارد. در این مرحله از سئو تکنیکال شما در اصل می‌گویید موتور جستجو این را ایندکس نکن. در عوض این صفحه منبع را فهرست کنید.” بنابراین اگر می‌خواهید محتوایی را که خواه دقیقاً یا کمی اصلاح شده است مجدداً منتشر کنید اما نمی‌خواهید ایجاد محتوای تکراری را به خطر بیندازید تگ canonical این‌جا است تا روز شما را نجات دهد.

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

پرهیز از محتوای تکراری

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

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

صفحه از کمترین تا بالاترین قیمت می‌تواند نشانی اینترنتی ایجاد کند که چیزی شبیه به این باشد:

example.com/mens-shirts?sort=price_ascending.

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

نحوه تعامل کاربران با وب سایت ها

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

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

یک تجربه لذت بخش برای کاربران تلفن همراه بسازید

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

طراحی ریسپانسیو

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

AMP

AMP مخفف Accelerated Mobile Pages است و برای ارائه محتوا به بازدیدکنندگان تلفن همراه با سرعتی بسیار بیشتر از تحویل غیر AMP استفاده می‌شود. AMP قادر است محتوا را بسیار سریع ارائه دهد زیرا محتوا را از سرورهای کش خود (نه سایت اصلی) ارائه می‌دهد و از نسخه AMP ویژه HTML و جاوا اسکریپت استفاده می‌کند.

نسخه موبایل اول ایندکس می‌شود

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

این امر باعث ایجاد نگرانی‌هایی برای وب سایت‌هایی شده است که بین نسخه‌های موبایل و دسکتاپ مانند نمایش محتوای مختلف، پیمایش، لینک‌ها و… در نمای تلفن همراه برابری ندارند. به‌عنوان مثال یک سایت تلفن همراه با لینک‌های مختلف، روشی را که Googlebot (موبایل) در سایت شما کاوش می‌کند و ارزش لینک را به صفحات دیگر شما ارسال می‌کند تغییر می‌دهد.

رضایت بیشتر کاربر با افزایش سرعت صفحات

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

• ابزار PageSpeed ​​Insights Google و best practices documentation
• How to Think About Speed Tools
• GTMetrix
• Google’s Mobile Website Speed و  Performance Tester Google Lighthouse
• Chrome DevTools و Tutorial

تصاویر، یکی از دلایل اصلی کندی صفحات وب

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

۱. SRCSET: نحوه ارائه بهترین اندازه تصویر برای هر دستگاه

ویژگی SRCSET به شما این امکان را می‌دهد که چندین نسخه از تصویر خود داشته باشید و سپس مشخص کنید که کدام نسخه باید در موقعیت‌های مختلف استفاده شود. این قطعه کد به تگ <img> (جایی‌که تصویر شما در HTML قرار دارد) اضافه می‌شود تا تصاویر منحصربه‌فردی را برای دستگاه‌های با اندازه خاص ارائه کند.

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

۲. بارگزاری کند تصاویر برای نمایش به کاربر

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

ابتدا نسخه با وضوح پایین و سپس نسخه کامل با وضوح بالا بارگذاری می‌شود. این کار همچنین به بهینه‌سازی مسیر رندر حیاتی شما کمک می‌کند! بنابراین در این مرحله از سئو تکنیکال در حالی‌که همه منابع دیگر صفحه شما در حال دانلود هستند یک تصویر تیزر با وضوح پایین را نشان می‌دهید که به کاربران اطلاع می‌دهد که مواردی در حال بارگذاری شدن هستند. برای اطلاعات بیشتر در مورد این‌که چگونه باید تصاویر خود را با سرعت پایین بارگذاری کنید راهنمای Lazy Loading در Google را بررسی کنید.

بهبود سرعت با فشرده‌سازی و بسته‌بندی فایل‌ ها

ممیزی سرعت صفحه اغلب توصیه‌هایی مانند “کوچک کردن منبع” را ارائه می‌دهد اما این واقعاً به چه معنا است؟ Minification یک فایل کد را با حذف مواردی مانند شکاف خطوط و فاصله‌ها و همچنین مخفف کردن نام متغیرهای کد در هر کجا که امکان دارد متراکم می‌کند.

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

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

بهبود تجربه کاربری برای مخاطبان بین‌المللی

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

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

زبان

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

کشور

سایت‌هایی که مخاطبان را در چندین کشور هدف قرار می‌دهند وب‌سایت‌های چند منطقه‌ای نامیده می‌شوند و باید ساختار URL را انتخاب کنند که هدف‌گیری دامنه یا صفحات آن‌ها در کشورهای خاص را آسان کند. این کار می‌تواند شامل استفاده از دامنه سطح بالای کد کشور (ccTLD) مانند “.ca” برای کانادا یا یک دامنه سطح بالای عمومی (gTLD) با یک زیرپوشه خاص کشور مانند “example.com/ca” باشد.

تا به اینجا کار بر روی سئو تکنیکال (What Is Technical SEO) سایتتان را آموختید و وب سایت خود را برای موتورهای جستجو و تجربه کاربری بهینه کرده‌اید. قطعه بعدی از پازل SEO شامل سئو خارجی است. ایجاد قدرت به‌طوری که صفحات شما در نتایج جستجو رتبه بالایی کسب کنند. می‌توانید برای دریافت اطلاعات بیشتر به مقاله لینک سازی سپنتام مراجعه کنید.