دسته: دستورالعمل محتوا

متا تگ های قابل فهم توسط گوگل

متا تگ های قابل فهم توسط گوگل

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

متا تگ description

متن نوشته شده در متا تگ description به عنوان اسنیپت در صفحه نتایج جستجوی گوگل نمایش داده خواهد شد. البته گوگل ضمانت نمی کند که متن نوشته شده به عنوان متا تگ description را در SERP نمایش دهد و در بسیاری از موارد با توجه به query کاربر، ممکن است بخشی از متن صفحه را به عنوان اسنیپت نمایش دهد. از آنجایی که عرض کاراکترهای مختلف با یکدیگر متفاوت هستند، گوگل محدودیت تعداد کاراکتر را برای نوشتن متا دیسکریپشن مشخص نکرده است ولی تلاش کنید که تعداد کاراکتر دیسکریپشن از حدود 150 کاراکتر بیشتر نشود چون در صورت طولانی بودن متن، مقداری از آن نمایش داده نخواهد شد و گوگل به جای قسمت حذف شده، سه نقطه (…) نمایش می دهد.

<meta name="description" content="دیسکریپشن صفحه" />

محتوای meta description در محاسبه رنکینگ صفحه توسط گوگل هیچ تاثیری ندارد ولی از آنجایی که متن مناسب می تواند انگیزه کاربر به کلیک بر روی لینک صفحه در SERP را افزایش دهد، نوشتن متن اصولی و غیر اسپم و غیر تکراری برای description تک تک صفحات حائز اهمیت می باشد.

متا تگ robots

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

<meta name="robots" content="..., ..." />

<meta name="googlebot" content="..., ..." />

متا تگ robots بر روی همه موتورهای جستجو تاثیر دارد در حالیکه متا تگ googlebot فقط بر روی موتور جستجوی گوگل تاثیر دارد. متا تگ robots می تواند حاوی موارد زیر باشد:

  • index: به ربات می گوید که مجاز به ایندکس صفحه است.
  • noindex: مانع از ایندکس شدن صفحه توسط موتور جستجو می شود.
  • follow: به موتور جستجو می گوید که لینک های درون محتوای صفحه را دنبال کند.
  • nofollow: مانع از دنبال کردن لینک های صفحه توسط موتور جستجو می شود.
  • nosnippet: مانع از نمایش اسنیپت در SERP می شود.
  • noodp: مانع از نمایش دیسکریپشن جایگزین از طریق ODP/DMOZ می شود.
  • noarchive: مانع از نمایش گزینه Cashed درکنار لینک صفحه در SERP می شود.
  • noimageindex: مانع از نمایش صفحه در صفحه نتایج جستجوی عکس گوگل می شود.
  • unavailable_after:[date]: مشخص می کند که از چه تاریخی به بعد آن صفحه کراول و ایندکس نشود.
  • none: مترادف با noindex, nofollow است.
  • all: مترادف با index, follow است.

اگر صفحه ای دارای متا تگ robots نباشد و یا دارای متا تگ robots باشد ولی به follow و index هیچ اشاره ای نشده باشد، به صورت پیش فرض index وfollow در نظر گرفته می شود.

max-snippet:number: تعداد کاراکتر مجاز جهت نمایش در اسنیپت را مشخص می کند. در اینجا، عدد صفر به معنای nosnippet و عدد منهای 1 به معنای بدون محدودیت است.

<meta name="robots" content="max-snippet:160" />

<meta name="robots" content="max-snippet:-1" />

<meta name="robots" content="max-snippet:0" />

max-image-preview:setting: این متا تگ مربوط به پیش نمایش عکس در SERP است. در نمونه اول، پیش نمایش عکس نمایش داده نخواهد شد. در نمونه دوم، عکس با ابعاد استاندارد نمایش داده خواهد شد و در نمونه سوم، عکس با ابعاد بزرگ و حداکثر با ابعاد viewport (عرض صفحه نمایش دستگاه کاربر) در Google image قابل رویت خواهد بود.

<meta name="robots" content="max-image-preview:none" />

<meta name="robots" content="max-image-preview:standard" />

<meta name="robots" content="max-image-preview:large" />

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

<meta name="robots" content="max-snippet:160, max-image-preview:large" />

اگر قصد دارید بخشی از متن در snippet نمایش داده نشود، از اتریبیوت data-nosnippet در span، div یا section در HTML مانند مثال زیر استفاده کنید:

<p>This text can be included in a snippet <span data-nosnippet> and this part would not be shown</span>.</p>

max-video-preview:number: با استفاده از این متا تگ می توانیم برای گوگل مشخص کنیم که حداکثر چند ثانیه از ویدیو را می تواند به عنوان پیش نمایش به کاربران نمایش دهد. در نمونه های زیر، عدد صفر به معنی عدم نمایش پیش نمایش ویدیویی و نمایش یک فریم عکس ثابت به عنوان پیش نمایش است و عدد منهای 1 به معنای نبود محدودیت در مدت زمان پیش نمایش ویدیو می باشد

<meta name="robots" content="max-video-preview:50" />

<meta name="robots" content="max-video-preview:0" />

<meta name="robots" content="max-video-preview:-1" />

unavailable_after:[date]: با استفاده از این متا تگ می توانیم به گوگل بگوییم که بعد از یک زمان مشخص، صفحه مورد نظرمان را از نتایج گوگل حذف کند. الته این متا تگ منجر به عدم کراول صفحه توسط ربات گوگل نمی شود ولی به میزان قابل توجهی، crawl rate آن صفحه را پایین می آورد.

<meta name="robots" content="unavailable_after: 2022-08-16" />

<meta name="robots" content="Monday, 21-Jan-23 08:30:00 PDT" />

متا تگ nositelinkssearchbox

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

<meta name="google" content="nositelinkssearchbox" />

متا تگ notranslate

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

<meta name="google" content="notranslate" />

متا تگ google-site-verification

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

<meta name="google-site-verification" content="..." />

متا تگ charset

این متا تگ بیانگر نوع محتوا و character set است. گوگل توصیه می کند که از UTF-8 استفاده کنید.

<meta http-equiv="Content-Type" content="...; charset=..." />

<meta charset="..." >

<meta charset="UTF-8" >

متا تگ refresh

متا تگ refresh بعد از زمان مشخصی کاربر را به URL دیگری ریدایرکت می کند.

<meta http-equiv="refresh" content="...;url=..." />

متا تگ nopagereadaloud

متا تگ nopagereadaloud مانع خوانده شدن (به صورت صوتی) صفحه توسط Google Assistant توسط دستورهای صوتی Read it و Read this page می شود.

<meta name="google" content="nopagereadaloud" />

به جز متا تگ google-site-verification، بقیه متا تگ ها به حروف کوچک و بزرگ حساس نیستند.

منبع 1: Google Search Central – All meta tags that Google understands

منبع 2: Google Search Central – Robots meta tag

اصول بهینه سازی عکس

اصول بهینه سازی عکس

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

متن روی عکس

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

نام فایل عکس

توصیه می شود نام فایل عکس ها حاوی جزئیاتی در مورد عکس باشند. به عنوان مثال گوگل با توجه به نام فایل IMG001.JPG نمی تواند درک کند که این عکس در مورد چه موضوعی است ولی با توجه به نام فایل white-nexus-10-tablet.jpg می تواند به راحتی متوجه شود که عکس در مورد تبلت نکسوس 10 سفید است. سعی کنید که در نام فایل ها فقط از حروف کوچک استفاده کنید و از خط تیره به جای space و underline استفاده کنید.

استفاده از صفت Alt

برای هر عکس در سایت، alt مناسبی بنویسید که عکس را توصیف کند. به دو دلیل استفاده از alt حائز اهمیت است:

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

بدون Alt – توصیه نمی شود

<img src="laptop.jpg" alt=""/>

Alt خوب

<img src="laptop.jpg" alt="laptop"/>

Alt عالی

<img src="laptop.jpg" alt="silver 13 inch Chromebook"/>

Alt زیر بیش از اندازه طولانی است و توصیه می شود که به صورت مختصر و مفید نوشته شود.

<img src="laptop.jpg" alt="silver 13 inch Chromebook with intel core i3 CPU and 4GB RAM and 2GB VGA and 4G modem"/>

توجه داشته باشید که استفاده از کلمات کلیدی متعدد و نامرتبط به عنوان صفت Alt از آنجایی که اثر منفی روی تجربه کاربر از موتور جستجو می گذارد ممکن است منجر به این شود که گوگل احساس کند سایت شما اسپم است و با keyword stuffing مواجه شده است. در نتیجه تلاش کنید همیشه برای هر عکس Alt توصیفی مختصر و مفید بنویسید. گوگل توصیه می کند که سایت خود را با یک مرورگر اینترنت فقط متنی مانند Lynx ببینید. عکسها در مرورگرهای فقط متنی نمایش داده نمی شوند و به جای آنها فقط Alt نمایش داده می شود.

درج محتوای مناسب برای عکس

تلاش کنید اطراف هر عکس محتوای مرتبط داشته باشید. توضیحات اطراف عکس مانند محتوای صفحه، عنوان عکس (image title) و caption به موتور جستجو کمک خواهند کرد که درک بیشتری درباره موضوع عکس داشته باشد.

استفاده از عکس با کیفیت

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

موقعیت عکس

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

ابعاد عکس

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

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

<img src="/images/nexus.jpg" alt="Nexus" width="637" height="335"/>

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


منبع: Google Search Console Help

flash and other rich media files

فلش و دیگر فایل های rich media

گوگل می تواند بسیاری از انواع صفحات و فایل ها را index کند (لیست فایلهای قابل ایندکس شدن توسط گوگل)

به طور کلی، موتورهای جستجو متن محور هستند. این بدان معناست که محتوای شما برای کراول شدن و ایندکس شدن باید به صورت متنی باشد.

این بدان معنی نیست که شما نمی توانید محتوای rich media مانند فلش، سیلورلایت یا ویدیوها را روی سایت خود نداشته باشید. بلکه مفهوم این است که هر محتوایی که در درون این فایل ها قرار دارد باید به صورت متنی هم در دسترس باشد و درغیر اینصورت موتورهای جستجو دسترسی به محتوای آنها نخواهند داشت.
در ادامه در مورد تعدادی از محتواهای غیر متنی متداول توضیح میدهیم.

فلش

گوگل می تواند فایلهای فلش با پسوند SWF را مانند بقیه قسمت های وب سایت، کراول کند و تمامی متن درون فایل فلش را بخواند و ایندکس کند و شما نیازی نیست که برای کراول شدن فایلهای فلشتان کاری انجام دهید.
البته گوگل هیچ وقت ضمانت نمیکند که کل محتوای سایت شما را کراول و ایندکس کند. در صورتیکه محتوای درون یک فایل SWF از منبع خارجی مانند متن، عکس و حتی فایل فلش دیگری تامین شود، گوگل میتواند آنها را نیز ایندکس نماید.
در حال حاضر گوگل می تواند متن درون فایل های فلش را ایندکس کند ولی موتورهای جستجوی دیگر ممکن است نتوانند این کار را انجام دهند. بنابراین توصیه میکنیم که از rich-media فقط در مواردی مانند زیبایی استفاده کنید و به جای آن سعی کنید از HTML استفاده کنید که توسط همه موتورهای جستجو قابل ایندکس کردن باشد و افرادی که از مرورگرهای قدیمی و یا دستگاههایی که قادر به نمایش فایلهای فلش هستند استفاده می کنند نیز قادر به استفاده از سایت شما باشند.

ویدیو

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

iframe ها

برخی مواقع از iFrameها برای نمایش محتوا در صفحات وب استفاده می شود. مطالب نمایش داده شده توسط iframe ها ممکن است ایندکس نشوند و در نتایج جستجوی گوگل ظاهر نشوند. گوگل توصیه می کند که از استفاده از iframe برای نمایش محتوا اجتناب کنید. اگر شما از iframe استفاده می کنید از لینکهای متنی به محتوای نمایش داده شده در iframe استفاده کنید تا Googlebot بتواند آن محتوا را کراول و ایندکس نماید.


منبع: Google Search Console Help