فصل ۵

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

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

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

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

اگر بهینه سازی موتور جستجو فرآیند بهینه سازی یک وب سایت برای جستجو است ، سئوکاران حداقل به درک اساسی از چیزی که بهینه می کنند نیاز دارند!
در زیر به طور خلاصه مسیر وب سایت از خرید نام دامنه تا وضعیت کامل ارائه شده در مرورگر را شرح می دهیم.
یکی از مولفه های مهم مسیر وب سایت رندر است که فرآیند تبدیل کد یک وب سایت به یک صفحه قابل مشاهده توسط یک مرورگر است. دانستن این موضوع در مورد وب سایت ها برای سئوکاران بسیار مهم است:
  • مراحل روند چیدمان صفحه وب می تواند بر زمان بارگذاری صفحه تأثیر بگذارد و سرعت نه تنها برای نگه داشتن کاربران در سایت شما مهم است بلکه یکی از عوامل رتبه بندی گوگل است.
  • گوگل منابع خاصی مانند JavaScript را با “پاس دوم” ارائه می دهد. گوگل ابتدا به صفحه بدون جاوا اسکریپت نگاه می کند ، سپس چند روز تا چند هفته بعد ، JavaScript را ارائه می دهد ، به این معنی که عناصر مهم سئو که با استفاده از JavaScript به صفحه اضافه می شوند نمایه نمی شوند.
تصور کنید که روند بارگیری وب سایت همانند رفت و آمد شما برای کار است. شما در خانه آماده می شوید وسایل خود را جمع می کنید تا به دفتر بیاورید و سپس سریعترین مسیر را از خانه خود به محل کار خود طی می کنید. احمقانه است که فقط یکی از کفش های خود را بپوشید ، مسیر طولانی تری را برای کار خود طی کنید ، وسایل خود را در دفتر بیاندازید ، سپس بلافاصله به خانه برگردید تا کفش دیگر خود را تهیه بپوشید درست است؟ این به نوعی همان کاری است که وب سایت های ناکارآمد انجام می دهند. این فصل به شما می آموزد که چگونه تشخیص دهید که وب سایت شما در چه مواردی ناکارآمد است ، چه کارهایی می توانید برای ساده سازی انجام دهید و نتایج مثبت در رتبه بندی و تجربه کاربری شما را که می تواند ناشی از آن کارآمدی باشد.
کارهایی که قبل از طراحی وب سایت باید راه انجام شود!
نام دامنه خریداری شود. مانند ir-p.ir  نام دامنه به آدرس IP پیوند داده شده است. اینترنت بدون کمک سرورهای نام دامنه (DNS)  نام هایی مانند “ir-p.ir” را به عنوان آدرس وب سایت درک نمی کند. اینترنت از یک سری اعداد به نام آدرس پروتکل اینترنت (IP) استفاده می کند (به عنوان مثال: 127.0.0.1) ، اما ما می خواهیم از نام هایی مانند ir-p.ir استفاده کنیم زیرا یادآوری آنها برای انسان راحت تر است. برای پیوند دادن این اسامی قابل خواندن توسط انسان و اعداد قابل خواندن توسط ماشین باید از DNS استفاده کنیم.

چگونه یک وب سایت از سرور فراخوانی شده و در مرورگر نمایش داده می شود

دامنه درخواست کاربر. اکنون که نام سایت از طریق DNS به آدرس IP متصل شده است ، افراد می توانند با تایپ مستقیم نام دامنه در مرورگر خود یا کلیک کردن روی پیوند به وب سایت وارد شوند. مراحل به این صورت است.
مرورگر درخواست می کند. این درخواست برای یک صفحه وب باعث می شود تا مرورگر یک درخواست DNS برای تبدیل نام دامنه به آدرس IP  ایجاد کند. سپس مرورگر کدی را  که صفحه وب شما با آن ساخته شده است مانند HTML ، CSS و JavaScript از سرور درخواست می کند.
مرورگر درخواستی را ارسال می کند. هنگامی که سرور درخواست وب سایت را دریافت کرد پرونده های وب سایت را  جمع آوری کرده به مرورگر ارسال می کند.
مرورگر صفحه وب را دریافت می کند. اما هنوز هم باید همه آنها را پردازش کرده و صفحه وب را ارائه دهد تا کاربر بتواند آن را در مرورگر خود ببیند. همانطور که مرورگر تمام منابع صفحه وب را تجزیه و تنظیم می کند ، در حال ایجاد یک شی (DOM) است. DOM همان چیزی است که می توانید هنگام کلیک راست و “بازرسی عنصر” ( inspect element )  در یک صفحه وب در مرورگر کروم خود مشاهده کنید.
مرورگر درخواست های نهایی را ارائه می دهد. مرورگر فقط پس از بارگیری ، تجزیه و تحلیل و اجرای کد لازم صفحه ، یک صفحه وب را نشان می دهد بنابراین در این مرحله اگر مرورگر برای نمایش وب سایت شما به کد اضافی نیاز دارد از سرور شما درخواست اضافی می کند.
وب سایت در مرورگر ظاهر می شود.  پس از همه اینها وب سایت شما اکنون از کد به آنچه در مرورگر خود می بینید تبدیل شده است (ارائه شده است).
در مورد async با توسعه دهندگان خود صحبت کنید!
آنچه که می توانید با برنامه نویسان خود در میان بگذارید کوتاه کردن مسیر رندرهای مهم با تنظیم اسکریپت ها به “async” است. درصورتی که  نیازی به ارائه محتوا در بالای صفحه نیست و این کار باعث بارگیری سریعتر صفحات وب شما می شود. Async به DOM می گوید که در حالی که مرورگر اسکریپت های مورد نیاز برای نمایش صفحه وب شما را دریافت میکند می تواند هم زمان محتوای بالای صفحه را جمع آوری کند. اگر DOM مجبور باشد هر بار که مرورگر اسکریپتی را دریافت می کند مونتاژ را متوقف کند (“اسکریپت های مسدود کننده رندر” نامیده می شود) بارگذاری صفحه شما کند می شود. همچنین ممکن است بخواهید بهینه سازی های دیگری را که devs می تواند برای کوتاه کردن مسیر رندر مانند حذف اسکریپت های غیرضروری به طور کامل مانند اسکریپت های ردیابی قدیمی انجام دهد ارائه دهید.
اکنون که می دانید چگونه یک وب سایت در مرورگر ظاهر می شود ما به آنچه یک وب سایت از آن ساخته شده است تمرکز خواهیم کرد. به عبارت دیگر کد (زبان های برنامه نویسی) که برای ساخت صفحات وب استفاده می شوند.
سه زبان رایج ترین عبارتند از:
  • HTML – آنچه در یک وب سایت نمایش داده می شود (عناوین ، محتوای متن و غیره)
  • CSS – ظاهر وب سایت (رنگ ، فونت ها و غیره)
  • JavaScript – نحوه رفتار آن (تعاملی ، پویا و غیره)

فصل ۵ دانش فنی سئو ( SEO )

 

HTML: آنچه در یک وب سایت نمایش داده می شود

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

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

 

webp

این عکس از W3schools.com  مکان مورد علاقه ما برای یادگیری و تمرین HTML ، CSS و JavaScript است.

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

CSS: ظاهر وب سایت چگونه است

CSS مخفف “cascading style pages” است و این همان چیزی است که باعث می شود صفحات وب شما از فونت ها ، رنگ ها و طرح های خاصی استفاده کنند. HTML برای توصیف محتوا ایجاد شده است نه برای استیل آن ، بنابراین وقتی CSS وارد صحنه شد ، یک تغییر دهنده بازی بود. با استفاده از CSS بدون نیاز به کدگذاری دستی استیل ها در HTML هر صفحه می توان صفحات وب را “زیبا” کرد ، این یک فرایند دشوار به ویژه برای سایت های بزرگ است. فقط در سال 2014 بود که سیستم نمایه سازی گوگل شروع به ارائه صفحات وب شبیه یک مرورگر واقعی کرد.

در یک مرورگر فقط متنی یک روش SEO کلاه سیاه که سعی در استفاده از سیستم نمایه سازی قدیمی گوگل داشت ، پنهان کردن متن و پیوندها از طریق CSS به منظور دستکاری در رتبه بندی موتورهای جستجو بود. این عمل “متن و پیوندهای پنهان” نقض دستورالعمل های کیفیت گوگل است.

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

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

 

JavaScript: نحوه رفتار یک وب سایت

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

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

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

ارائه در سمت مشتری در مقابل ارائه در سمت سرور

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

موارد دیگری وجود دارد که ممکن است در روند ارائه صفحات وب شما توسط Googlebot اشتباه شود که می تواند از درک Google در محتوای JavaScript شما جلوگیری کند: شما دسترسی Googlebot را به منابع جاوا اسکریپت مسدود کرده اید (به عنوان مثال: با robots.txt ، مانند آنچه که در فصل 2 آموخته ایم)

سرور شما نمی تواند همه درخواست ها را برای خزیدن محتوای شما انجام دهد جاوا اسکریپت برای درک Googlebot بسیار پیچیده یا قدیمی است جاوا اسکریپت محتوای “تنبل” را در صفحه “بارگذاری” نمی کند تا زمانی که خزنده با صفحه کار خود را به پایان برساند. اگرچه JavaScript امکانات زیادی برای ایجاد صفحه وب ایجاد می کند اما اگر مراقب نباشید می تواند برخی از پیامدهای جدی را نیز برای سئو سایت شما ایجاد کند. خوشبختانه راهی برای بررسی اینکه آیا گوگل همان چیزی را که بازدیدکنندگان شما می بیند مشاهده می کند یا نه وجود دارد. برای این کار از ابزار “بازرسی URL” از کنسول جستجوی گوگل استفاده کنید. به سادگی URL صفحه خود را در نوار جستجوی GSC جایگذاری کنید:

URL in GSC v2

از اینجا روی “Test Live URL” کلیک کنید.

google search console v2

بعد از اینکه Googlebot آدرس URL شما را مجدداً بازیابی کرد ، روی “View Tested Page” کلیک کنید تا نحوه خزیدن و نمایش صفحه خود را ببینید.

view googlebot crawled

با کلیک بر روی برگه “Screenshot” در مجاورت “HTML” نحوه ارائه صفحه تلفن هوشمند Googlebot نشان داده می شود.
Screenshot v2
در عوض خواهید دید که Googlebot چگونه صفحه شما را مشاهده می کند. در برگه “اطلاعات بیشتر” (  More Info) گوگل لیستی از منابعی را که ممکن است نتوانسته باشند به شما نشان دهند وجود دارد. درک نحوه کار وب سایت ها پایه اساسی برای آنچه در ادامه خواهیم گفت:
بهینه سازی های فنی برای کمک به گوگل برای درک بهتر صفحات وب سایت شما.
موتورهای جستجو چگونه وب سایت ها را درک می کنند
تصور کنید یک خزنده موتور جستجو است و در حال اسکن کردن مقاله 10 هزار کلمه ای در مورد نحوه پخت کیک است.
چگونه نویسنده ، دستور العمل ، مواد اولیه یا مراحل لازم برای پخت کیک را شناسایی می کند؟
این جایی است که نشانه گذاری طرح وجود دارد. این به شما امکان می دهد طبقه بندی مشخص تری از نوع اطلاعات موجود در صفحه خود را به موتورهای جستجو برسانید. طرحواره راهی برای برچسب گذاری یا سازماندهی محتوای شما است تا موتورهای جستجو درک بهتری از عناصر خاص در صفحات وب شما داشته باشند. این کد ساختار داده های شما را فراهم می کند ، به همین دلیل است که از طرحواره اغلب به عنوان “داده های ساخت یافته” یاد می شود.
فرآیند ساختاردهی داده های شما معمولاً “علامت گذاری” نامیده می شود زیرا شما محتوای خود را با کد سازمانی علامت گذاری می کنید. JSON-LD علامت گذاری طرح مورد نظر گوگل است که Bing نیز از آن پشتیبانی می کند. برای مشاهده لیست کاملی از هزاران نشانه گذاری موجود در طرح ، به Schema.org مراجعه کنید یا برای اطلاعات بیشتر در مورد نحوه پیاده سازی داده های ساخت یافته ، Google Developers Introduced Data Structured را مشاهده کنید.
پس از اجرای داده های ساختاری که به بهترین وجهی مناسب صفحات وب شما هستند ، می توانید نشانه گذاری خود را با ابزار آزمایش داده ساختار یافته گوگل آزمایش کنید.
علاوه بر اینکه به ربات هایی مانند گوگل کمک می کند محتوای خاصی را بشناسند. نشانه گذاری طرح می تواند ویژگی های خاصی را برای همراهی صفحات شما در SERP فراهم کند. از این ویژگی های خاص به عنوان “قطعه های غنی” یاد می شود و احتمالاً آنها را در عمل مشاهده کرده اید. آنها مواردی مانند:
  • چرخ فلک های برتر داستان ها
  • ستاره ها را مرور کنید
  • جعبه های جستجو برای لینک های سایت
  • دستور پخت
به یاد داشته باشید استفاده از داده های ساختاریافته می تواند به وجود یک قطعه غنی کمک کند اما آن را تضمین نمی کند. با افزایش استفاده از نشانه گذاری طرحواره احتمالاً در آینده انواع دیگری از قطعه های غنی اضافه می شوند.
چند توصیه آخر برای موفقیت در طرحواره:
می توانید از چندین نوع نشانه گذاری طرحواره در یک صفحه استفاده کنید. با این حال اگر یک عنصر را مانند یک محصول علامت گذاری کرده اید و محصولات دیگری در این صفحه ذکر شده اند باید این محصولات را نیز علامت گذاری کنید.
محتوایی را که برای بازدیدکنندگان قابل مشاهده نیست علامت گذاری نکنید و از دستورالعمل های کیفیت گوگل پیروی کنید. 
اگر صفحات تکراری دارید گوگل از شما می خواهد که هر صفحه تکراری را با علامت گذاری ساختاری خود علامت گذاری کنید.
محتوای اصلی و به روز شده (در صورت وجود) را در صفحات داده ساختار یافته خود ارائه دهید.
نشانه گذاری ساختاری باید بازتابی دقیق از صفحه شما باشد.
سعی کنید از خاص ترین نوع نشانه گذاری طرح برای محتوای خود استفاده کنید. بررسی های علامت گذاری شده باید بازبینی های واقعی از مشتریان واقعی باشند.
با canonicalization به موتورهای جستجو در مورد صفحات دلخواه خود بگویید
وقتی گوگل محتوای یکسانی را در صفحات وب مختلف جستجو می کند گاهی نمی داند کدام صفحه را در نتایج جستجو فهرست بندی می کند. به همین دلیل است که برچسب rel = “canonical” ابداع شد: این روش راهی است برای بهتر فهرست شدن محتوای سایت در گوگل.
برچسب rel = “canonical” به شما اجازه می دهد تا به موتورهای جستجو بگویید “سلام موتور جستجو! این را فهرست نکنید ؛ در عوض این صفحه منبع را فهرست کنید.” بنابراین ، اگر می خواهید یک قطعه از مطالب را بازنشر دهید چه کاملا یا کمی اصلاح شده و نمی خواهید محتوای تکراری  ایجاد کنید مثل تصویر زیر از این برچسب استفاده کنید.
متعارف سازی قانونی تضمین می کند که هر محتوای منحصر به فرد در وب سایت شما تنها دارای یک URL است. برای جلوگیری از نمایه سازی چندین نسخه از یک صفحه توسط موتورهای جستجو ، گوگل توصیه می کند که در هر صفحه از سایت خود یک برچسب متعارف ارجاع دهید.
بدون اینکه یک برچسب متعارف به گوگل بگوید کدام نسخه از صفحه وب شما نسخه برتر است https://www.example.com می تواند جداگانه از https://example.com نمایه شود و نسخه های تکراری ایجاد کند.
“اجتناب از محتوای تکراری” یک واقع گرایی اینترنتی است و دلیل خوبی هم دارد! گوگل می خواهد به سایت های با محتوای منحصر به فرد و ارزشمند پاداش دهد. نه محتوایی که از منابع دیگر گرفته شده و در چندین صفحه تکرار شده است. از آنجا که موتورها می خواهند بهترین تجربه جستجو را ارائه دهند به ندرت نسخه های مختلفی از یک محتوا را نشان می دهند در عوض فقط نسخه متعارف را نشان می دهند یا اگر برچسب متعارف وجود ندارد هر نسخه که به نظر می رسد نسخه اصلی است را نشان می دهند.
نحوه تعامل کاربران با وب سایت ها
در فصل 1  ما گفتیم که علی رغم ایستادگی سئو برای بهینه سازی موتور جستجو به همان اندازه به نیازهای افراد که جستجو می کنند اهمیت می دهد. به این دلیل است که موتورهای جستجو برای خدمت به جستجوگران وجود دارند. این هدف به شما توضیح می دهد که چرا الگوریتم گوگل به وب سایت هایی که بهترین تجارب ممکن را برای جستجوگران ارائه می دهند پاداش می دهد و چرا برخی از وب سایت ها  با وجود کیفیتی مانند پروفایل های لینک دهی قوی ممکن است عملکرد خوبی در جستجو نداشته باشند. وقتی می فهمیم که چه چیزی تجربه مرور وب آنها را بهینه می کند می توانیم این تجربه ها را برای رسیدن به حداکثر عملکرد جستجو ایجاد کنیم.
اطمینان از یک تجربه مثبت برای بازدید کنندگان تلفن همراه خود
امروزه بیش از نیمی از ترافیک وب از طریق تلفن همراه حاصل می شود به راحتی می توان گفت که وب سایت شما باید برای بازدیدکنندگان تلفن همراه قابل دسترسی و پیمایش باشد. در آوریل 2015 گوگل به روزرسانی الگوریتم خود را ارائه داد که در آن صفحاتی که در تلفن همراه صحیح نمایش داده می شوند را در رده بالاتر قرار می دهد. بنابراین چگونه می توانید اطمینان حاصل کنید که وب سایت شما موبایل پسند است؟ اگرچه سه راه اصلی برای پیکربندی وب سایت شما برای تلفن همراه وجود دارد گوگل طراحی وب سایت واکشن گرا را توصیه می کند.
طراحی واکشن گرا
وب سایت های واکشن گرا متناسب با صفحه نمایش هر نوع دستگاهی که بازدید کنندگان استفاده می کنند طراحی شده اند. می توانید از CSS استفاده کنید تا صفحه وب به اندازه دستگاه “پاسخ دهد”. این ایده آل است زیرا از دو بار ضربه زدن یا بزرگ نمایی برای مشاهده محتوای صفحات شما جلوگیری می کند.
مطمئن نیستید که صفحات وب شما از نظر موبایل واکشن گرا هستند؟ برای بررسی می توانید از تست سازگار با موبایل گوگل استفاده کنید!
AMP
AMP مخفف Accelerated Mobile Pages است و برای ارائه محتوا به بازدیدکنندگان موبایل با سرعتی بسیار بیشتر از تحویل غیر AMP استفاده می شود. AMP قادر به ارائه سریع محتوا است زیرا محتوا را از سرورهای حافظه پنهان خود (نه سایت اصلی) ارائه می دهد و از نسخه ویژه AMP HTML و JavaScript استفاده می کند.

Mobile-first indexing

از سال ۲۰۱۸ گوگل برای اولین بار شروع به تغییر وب سایت به نمایه سازی از طریق تلفن همراه کرد. این تغییر باعث ایجاد سردرگمی بین دوستی موبایل و تلفن همراه اول شده است ، بنابراین جدا کردن از آن مفید است. با استفاده از Mobile-first indexing گوگل نسخه موبایل صفحات وب شما را خزنده و نمایه می کند. سازگاری وب سایت خود با صفحه نمایش موبایل برای کاربران و عملکرد شما در جستجو مفید است. اما نمایه سازی برای اولین بار در تلفن همراه مستقل ازواکشن گرا بودن برای تلفن همراه اتفاق می افتد. این امر نگرانی هایی را برای وب سایت هایی ایجاد کرد که فاقد برابری بین نسخه های موبایل و دسک تاپ هستند مانند نمایش محتوای مختلف ، پیمایش ، پیوندها و غیره در نمای موبایل. به عنوان مثال یک سایت تلفن همراه با پیوندهای مختلف روشی را که Googlebot (موبایل) سایت شما را می خزد و ارزش پیوند را به سایر صفحات شما ارسال می کند تغییر می دهد.

بهبود سرعت صفحه برای رضایت بازدیدکنندگان

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

 

تصاویر یکی از اصلی ترین مقصران صفحات کند است!

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

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

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

این مانند مفهوم طراحی واکشن گرا است که قبلاً به آن پرداختیم باستثنای تصاویر!

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

Ch5 04

 

۲. بارگذاری تصویر بازدیدکنندگان با بارگذاری کند در حال انجام است

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

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

 

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

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

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

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

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

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

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

زبان

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

کشور

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