پلفترم سئو
تگ‌های متا و ویژگی‌هایی که گوگل پشتیبانی میکند
این صفحه توضیح می‌دهد که تگ‌های متا چیستند، کدام تگ‌های متا و ویژگی‌های HTML توسط گوگل برای کنترل ایندکس کردن پشتیبانی می‌شوند و نکات مهمی که باید هنگام پیاده‌سازی تگ‌های متا در سایت خود در نظر داشته باشید.
تگ‌های متا
تگ‌های متا تگ‌های HTML هستند که برای ارائه اطلاعات اضافی درباره یک صفحه به موتورهای جستجو و سایر مشتریان استفاده می‌شوند. مشتریان این تگ‌ها را پردازش کرده و آن‌هایی را که پشتیبانی نمی‌کنند نادیده می‌گیرند. تگ‌های متا به بخش <head> صفحه HTML شما اضافه می‌شوند و معمولاً به این صورت به نظر می‌رسند:
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
<meta name=”description” content=”Author: A.N. Author, Illustrator: P. Picture, Category: Books, Price: £9.24, Length: 784 pages”>
<meta name=”google-site-verification” content=”+nxGUDJ4QpAZ5l9Bsjdi102tLVC21AIh5d1Nl23908vVuFHs34=”>
<title>Example Books – high-quality used books for children</title>
<meta name=”robots” content=”noindex,nofollow”>
</head>
</html>
اگر از یک CMS مانند Wix، WordPress یا Blogger استفاده می‌کنید، ممکن است نتوانید HTML خود را مستقیماً ویرایش کنید یا ممکن است ترجیح دهید این کار را نکنید. به جای آن، CMS شما ممکن است صفحه‌ای برای تنظیمات موتور جستجو یا مکانیزم دیگری داشته باشد تا به موتورهای جستجو درباره تگ‌های متا اطلاع دهد.
اگر می‌خواهید یک تگ متا به وبسایت خود اضافه کنید، برای پیدا کردن دستورالعمل‌هایی درباره تغییر <head> صفحه خود در CMS خود جستجو کنید (به عنوان مثال، جستجوی “اضافه کردن تگ‌های متا در Wix”).
نکات کلیدی
- تگ description: توضیح کوتاهی از محتوا ارائه می‌دهد و معمولاً در نتایج جستجو نمایش داده میشود.
- تگ robots: کنترل میکند که موتورهای جستجو چگونه صفحات شما را خزیده و ایندکس کنند. با استفاده از مقادیر “noindex” و “nofollow” می‌توانید از این اقدامات جلوگیری کنید.
استفاده صحیح از تگ‌های متا نه تنها به بهبود سئو کمک میکند بلکه تجربه کاربری بهتری نیز فراهم می‌آورد. وب‌مستران باید با انواع مختلف تگ‌های متا آشنا شوند و از آن‌ها به درستی استفاده کنند تا محتوای خود را بهینه کنند.
| گوگل از تگ های متای زیر پشتیبانی میکند: | |
|---|---|
|
description |
<meta name=”description” content=”A description of the page”> این تگ شامل توضیح کوتاهی از محتوای صفحه است و در نتایج جستجو نمایش داده میشود. |
| robots and googlebot | تگ‌های متا و ویژگی‌های مربوط به ربات‌ها
<meta name=”robots” content=”…, …”> <meta name=”googlebot” content=”…, …”> این تگ ها رفتار خزیدن و ایندکس کردن موتورهای جستجو را کنترل می‌کنند. تگ <meta name=”robots” …> برای تمام موتورهای جستجو اعمال میشود، در حالی که تگ <meta name=”googlebot” …> مخصوص گوگل است. در صورت وجود تگ‌های متا روبات متضاد (یا گوگل‌بات)، تگ محدودکننده‌تر اعمال میشود. به عنوان مثال، اگر یک صفحه هم دارای تگ max-snippet:50 و هم تگ nosnippet باشد، تگ nosnippet اعمال خواهد شد. مقادیر پیش‌فرض شامل index و follow هستند و نیازی به مشخص کردن آن‌ها نیست. برای مشاهده لیست کامل مقادیر پشتیبانی شده توسط گوگل، به لیست قوانین معتبر مراجعه کنید. شما همچنین می‌توانید این اطلاعات را در هدر صفحات خود با استفاده از قانون هدر HTTP X-Robots-Tag مشخص کنید. این موضوع به‌ویژه زمانی مفید است که بخواهید ایندکس کردن فایل‌های غیر HTML مانند گرافیک‌ها یا سایر انواع اسناد را محدود کنید. اطلاعات بیشتری درباره تگ‌های متا روبات‌ها موجود است. |
| nositelinkssearchbox |
<meta name=”google” content=”nositelinkssearchbox”> زمانی که کاربران سایت شما را جستجو می‌کنند، نتایج جستجوی گوگل گاهی اوقات یک جعبه جستجوی خاص برای سایت شما را به همراه سایر لینک‌های مستقیم به سایت شما نمایش می‌دهد. این تگ به گوگل می‌گوید که جعبه جستجوی سایت‌لینک‌ها را نمایش ندهد. اطلاعات بیشتری درباره جعبه جستجوی سایت‌لینک‌ها بخوانید. |
|
notranslate |
<meta name=”googlebot” content=”notranslate”> زمانی که گوگل تشخیص می‌دهد محتوای یک صفحه به زبانی است که کاربر احتمالاً می‌خواهد بخواند، ممکن است لینک عنوان ترجمه شده و اسنیپتی را در نتایج جستجو ارائه دهد. اگر کاربر بر روی لینک عنوان ترجمه شده کلیک کند، تمام تعاملات بعدی کاربر با صفحه از طریق Google Translate انجام میشود که به‌طور خودکار هر لینکی که دنبال میشود را ترجمه میکند. به‌طور کلی، این امکان را به شما می‌دهد که محتوای منحصر به فرد و جذاب خود را به گروه بزرگ‌تری از کاربران ارائه دهید. با این حال، ممکن است شرایطی وجود داشته باشد که این امر مطلوب نباشد. این تگ متا به گوگل می‌گوید که نمی‌خواهید برای این صفحه ترجمه‌ای ارائه شود. |
| nopagereadaloud |
<meta name=”google” content=”nopagereadaloud”> این تگ مانع میشود که خدمات مختلف تبدیل متن به گفتار گوگل صفحات وب را با استفاده از تبدیل متن به گفتار (TTS) بخوانند. |
| google-site-verification |
<meta name=”google-site-verification” content=”…”> شما می‌توانید از این تگ در صفحه سطح بالای سایت خود برای تأیید مالکیت در کنسول جستجو استفاده کنید. توجه داشته باشید که در حالی که مقادیر ویژگی‌های نام و محتوا باید دقیقاً با آنچه به شما ارائه شده است (شامل حروف بزرگ و کوچک) مطابقت داشته باشد، تغییر تگ از XHTML به HTML یا مطابقت فرمت تگ با فرمت صفحه شما اهمیتی ندارد. |
| Content-Type and charset |
<meta charset=”…”> <meta http-equiv=”Content-Type” content=”…; charset=…”> این تگ‌ها به ترتیب نوع محتوای صفحه و مجموعه کاراکترها را تعریف می‌کنند. اطمینان حاصل کنید که مقدار ویژگی content در تگ متای http-equiv را در داخل علامت نقل قول قرار دهید؛ در غیر این صورت، ویژگی charset ممکن است به‌طور نادرست تفسیر شود. ما توصیه می‌کنیم که در صورت امکان از Unicode/UTF-8 استفاده کنید. |
| refresh |
<meta http-equiv="refresh" content="...;url=..."> این تگ که به طور معمول به ان متا رفرش گفته میشود، کاربر را پس از مدت زمان مشخصی به یک آدرس جدید هدایت میکند و کاهش اوقات به عنوان یک روش ساده برای ریدایرکت استفاده می شود. با این حال این روش توسط تمام مرورگرها پشتیبانی نمی شود و ممکن است برای کاربر گیج کننده باشد. گوگل توصیه می کند که به جای ان از ریدایرکت 301 سمت سرور استفاده کنید |
| viewport |
<meta name="viewport" content="..."> این تگ به مرورگر می‌گوید که چگونه یک صفحه را در دستگاه‌های موبایل نمایش دهد. وجود این تگ به گوگل نشان می‌دهد که صفحه برای موبایل بهینه شده است |
| rating |
<meta name="rating" content="RTA-5042-1996-1400-1577-RTA"> <meta name="rating" content="adult"> این تگ صفحه را به عنوان حاوی محتوای بزرگسالانه و صریح جنسی علامت‌گذاری میکند تا به گوگل نشان دهد که باید در نتایج جستجوی SafeSearch فیلتر شود.
|
ویژگی‌های تگ HTML
ویژگی‌های تگ HTML مقادیر اضافی هستند که به تگ‌های HTML اضافه می‌شوند و تنظیمات مربوط به تگ والد را پیکربندی می‌کنند. به عنوان مثال، ویژگی href در تگ <a> منبعی را که تگ لنگر به آن اشاره میکند، تنظیم میکند:
<a href=”https://example.com/”>…</a>
گوگل جستجو از تعداد محدودی از ویژگی‌های HTML برای اهداف ایندکس کردن پشتیبانی میکند. ویژگی‌هایی مانند src و href برای کشف منابعی مانند تصاویر و URLها استفاده می‌شوند. گوگل همچنین از انواع مختلفی از ویژگی‌های rel پشتیبانی میکند که به صاحبان سایت اجازه می‌دهد لینک‌های خروجی را مشخص کنند.
ویژگی data-nosnippet در تگ‌های <div>`، <span> و <section>` به شما این امکان را می‌دهد که بخش‌هایی از یک صفحه HTML را از متن‌های نمایشی (snippets) حذف کنید.
نکات دیگر:
- گوگل می‌تواند هر دو نوع تگ متا به سبک HTML و XHTML را بخواند، صرف نظر از کدی که در صفحه استفاده شده است.
- برای اطمینان از خوانایی ماشین، بخش <head> باید HTML معتبر باشد و در مورد ویژگی‌ها، تمام تگ‌های والد باید به درستی بسته شوند.
- با استثنای google-site-verification، حروف بزرگ و کوچک معمولاً در تگ‌های متا اهمیت ندارند.
- شما می‌توانید از سایر تگ‌های متا استفاده کنید اگر آن‌ها برای سایت شما مهم باشند، اما گوگل تگ‌های متا که پشتیبانی نمی‌کند را نادیده خواهد گرفت.
- اگر قصد دارید از JavaScript برای تزریق یا تغییر تگ‌های متا استفاده کنید، با احتیاط پیش بروید. توصیه میشود تا حد امکان از JavaScript برای تزریق یا تغییر تگ‌های متا استفاده نکنید و اگر مجبور به استفاده هستید، پیاده‌سازی‌های خود را به دقت آزمایش کنید.
- برای بررسی تگ‌های متا و ویژگی‌ها در صفحات خود، از ابزار بررسی URL استفاده کنید.
آشنایی با ویژگی‌های تگ HTML و نحوه استفاده صحیح از آن‌ها برای هر وب‌مستری ضروری است. این کار به شما کمک میکند تا محتوای خود را بهینه کنید و اطمینان حاصل کنید که موتورهای جستجو قادر به خواندن و ایندکس کردن صفحات شما هستند.