تعریف متا تگ: متا تگ چیست؟
متا تگ ها بخشی از تگ های HTML هستند که محتوای صفحه شما را برای موتورهای جستجو و بازدیدکنندگان وب سایت توصیف می کنند. تگ های متا فقط در کد صفحه ظاهر می شوند و هر کسی می تواند آنها را از طریق کد منبع (Ctrl+U) بررسی کند.
به طور خلاصه، متا تگ ها چیزهای کلیدی برای همه موتورهای جستجو هستند که در کد HTML یک صفحه وب سایت ظاهر می شوند و به موتور جستجو می گویند که صفحه درباره چه چیزی است، و آنها اولین برداشت و نقطه تماس برای همه موتورهای جستجو هستند.
متا تگ ها در بخش <head> یک صفحه وب HTML اضافه می شوند و به صورت قانونی کلمات را در صفحات شما برای موتورهای جستجو پنهان می کنند .
هر پلتفرمی راه‌حل‌های مختلفی برای اضافه کردن تگ‌های متا دارد، درست مانند وردپرس که پلاگین‌های رایگانی برای انتخاب دارد. من شخصاً افزونه های All in One SEO Pack و Yoast SEO را توصیه می کنم . هر دو محبوب هستند و شما می توانید هر کدام را با توجه به نیاز خود انتخاب کنید.
آیا متا تگ ها برای سئو در سال 2024 اهمیت دارند؟
بله، آنها این کار را می کنند، اما همه متا تگ ها نمی توانند در سال 2024 به شما کمک کنند.
در تجربه من، اگر می‌خواهید در سال 2024 در گوگل رتبه بالایی کسب کنید، باید روی محتوای با کیفیت بالا و رضایت کاربر نیز تمرکز کنید. هدف اصلی این پست این است که توضیح دهد با کدام متا تگ ها خوب است و کدام به سادگی مرده است و هیچ کاربردی ندارد.
(به زیر نگاه کنید: چند تگ وجود دارد که می توانیم آنها را متا تگ بد بنامیم و باید به سادگی از آنها چشم پوشی کنیم.)
جان مولر
یوتیوب
متا تگ ها می توانند بر نحوه مشاهده سایت شما در نتایج جستجو و اینکه آیا واقعاً به سایت شما کلیک می کنند یا خیر تأثیر می گذارد.
نحوه بررسی متا تگ ها در سایت
اگر می‌خواهید متا تگ‌ها را برای هر صفحه‌ای بررسی کنید، کافی است در هر نقطه از صفحه کلیک راست کرده و «View Page Source» را انتخاب کنید. همچنین می توانید از ابزارهایی مانند SEMrush (مخصوصا SEMrush Audit Tool) و Screaming Frog برای بررسی متا تگ ها در هر سایتی استفاده کنید.
مهم ترین متا تگ ها برای سئو در سال 2024
من شخصاً روی 8 متا تگ اصلی تمرکز می کنم که می توانند بهینه سازی کسب و کار راه اندازی یا وب سایت شما را بهبود بخشند.
من نظرات خود را در مورد همه آنها در زیر به اشتراک می گذارم:
برچسب عنوان
توضیحات متا
تگ متعارف
متن جایگزین (Alt) برچسب
متا تگ روبات ها
متا تگ های رسانه های اجتماعی (گراف باز و کارت های توییتر)
متا تگ طراحی ریسپانسیو
برچسب عنوان
تگ عنوان اولین عنصر HTML است که صفحه وب شما را برای موتورهای جستجو و بازدیدکنندگان مشخص می کند. عنصر عنوان از همه مرورگرها از جمله کروم، فایرفاکس، سافاری و غیره پشتیبانی می کند.
همیشه تگ عنوان خود را در بخش <head> سایت خود اضافه کنید.
<head>
<title>This is Title Sample</title>
</head>
طول بهینه برای برچسب عنوان: Google معمولاً 55-64 کاراکتر را نشان می دهد (آن را کمتر از 60 نگه دارید).
بهینه سازی تگ عنوان برای موتورهای جستجو و بازدیدکنندگان مهم است. در SERP و در برگه های مرورگر نشان داده می شود .
برچسب عنوان برگه مرورگر در زیر برای پست Templatemonster نشان داده شده است:
برچسب عنوان SERP برای Moti Hamou - متخصص بازاریابی آنلاین در زیر نشان داده شده است :
نکات کلیدی برای نوشتن یک برچسب عنوان خوب:
«اصلاح‌کننده‌ها» را به برچسب عنوان خود اضافه کنید (چگونه | سال جاری | بررسی | بهترین | نکات | بالا | پیدا کردن | خرید | آسان)
کلمات کلیدی دم بلند را در تگ های عنوان جاسازی کنید
اعداد را به عنوان خود اضافه کنید (9 تگ مهم HTML برای وب سایت شما برای بهبود سئو)
تگ عنوان خود را با کلمه کلیدی هدفمند اصلی خود شروع کنید
کلمات کلیدی خود را پر نکنید
هر صفحه باید یک برچسب عنوان منحصر به فرد داشته باشد
توضیحات متا
توضیحات متا یک عنصر HTML است که صفحه وب شما را خلاصه می کند. موتورهای جستجو معمولاً توضیحات متا را در نتایج جستجو در زیر برچسب عنوان شما نشان می دهند.
نمونه کد
<head>
<meta name="description" content="This is a meta description sample. We can add up to 160 characters.">
</head>
گوگل از توضیحات متا به عنوان سیگنال رتبه بندی استفاده نمی کند. با این حال، تأثیر زیادی بر CTR Google شما دارد زیرا در نتایج جستجو نشان داده می شود.
در دسامبر 2017، گوگل طول قطعه‌ها را در نتایج جستجو افزایش داد . اکنون گوگل تأیید کرده است که قطعات نتایج جستجو را پس از گسترش آنها در دسامبر گذشته کوتاه کرده است.
طول بهینه برای توضیحات متا چقدر خواهد بود؟
دنی سالیوان
توییتر
هیچ طول ثابتی برای اسنیپت ها وجود ندارد. طول بر اساس آنچه که سیستم‌های ما مفیدتر می‌دانند، متفاوت است." او افزود: «گوگل حداکثر طول جدیدی را برای قطعه‌ها اعلام نمی‌کند، زیرا قطعه‌ها به صورت پویا تولید می‌شوند.
میانگین طول جدید فیلد قطعه توضیحات در دسکتاپ حدود 160 نویسه است که از حدود 300+ نویسه کمتر است.
نویسه‌های موبایل برای تکه‌های نتایج جستجو اکنون به طور متوسط به ۱۳۰ کاراکتر کاهش یافته است.
توضیحات تولید شده توسط گوگل در نتایج جستجو
نکات کلیدی برای نوشتن یک تگ متا توضیحات خوب:
روی تعداد کاراکترها تاکید نکنید، زیرا ممکن است گوگل متن توضیحات متا را بر اساس درخواست کاربر از محتوای شما خارج کند.
توضیحات متا تکراری اضافه نکنید
در توضیحات خود مانند Apply Today، Check out، تماس با ما امروز و غیره، Call-to-action (CTA) واضح را اضافه کنید. این کلمات کلیدی CTA را برای کمپین های بازاریابی مشاهده کنید.
کلمات کلیدی مورد نظر خود را در توضیحات اضافه کنید
راه حل های استراتژیک برای یک مشکل ارائه دهید
برای کاربران خود بنویسید و آنها را تشویق کنید تا با محتوای خاص و مرتبط کلیک کنند
هر تخفیف یا پیشنهادی را که در حال انجام است اضافه کنید
در هنگام نوشتن تگ متعارف توضیحات متا خود همدلی نشان دهید
تگ Canonical یک تگ پیوند HTML با ویژگی "rel=canonical" است که در صورتی استفاده می‌شود که URL صفحه واحدی داشته باشید که محتوای یکسانی با سایر URLهای صفحه دارد.
با پیاده سازی تگ Canonical در کد، به موتورهای جستجو می گوییم که این URL صفحه اصلی است و از ایندکس کردن سایر URL های صفحه تکراری خودداری کنید.
نحو تگ متعارف:
<link rel="canonical" href="http://example.com/" />
کجا باید URL متعارف را انتخاب کنیم؟
URL های متعدد:
http://www.example.com
https://www.example.com
http://example.com
http://example.com/index.php
گوگل همه URL های بالا را به عنوان نسخه های تکراری صفحه اصلی می بیند. و برای رفع این مشکل تگ canonical (rel=canonical) اختراع شد.
آدرس‌های شناسه جلسه:
اینها URLهای خودکار تولید شده توسط سیستم هستند و معمولاً به دلیل ردیابی URLها، پیوندهای خرده نان و پیوندهای دائمی در CMS ایجاد می شوند.
http://example.com/properties/villa-331-luxury-rental?partnerID=18
http://example.com/target.php?session_id=rj3ids98dhpa0mcf3jc89mq1t0
آدرس موبایل:
هنگام استفاده از یک URL خاص (m. example.com) برای نسخه موبایلی وب سایت خود.
SEMrush خود دارای 2 نسخه است - یکی نسخه موبایل و دیگری نسخه دسکتاپ. برای نسخه موبایل و دسکتاپ، SEMrush از تگ متعارف زیر استفاده می کند:
<link rel="canonical" href="https://www.semrush.com/" />
متن جایگزین (Alt) برچسب
تگ Alt برای هر تصویری مهم است، زیرا موتورهای جستجو نمی توانند آنها را بخوانند، بنابراین باید متن Alt مناسبی را به تصاویر اضافه کنید تا موتور جستجو بتواند آنها را در نظر بگیرد.
نحو برای متن جایگزین:
<img src=”http://example.com/xyz.jpg” alt=”xyz” />
نکات کلیدی که باید هنگام ایجاد تگ alt برای تصاویر در نظر بگیرید:
همه تصاویر باید دارای نام فایل های آموزنده باشند
متن جایگزین باید کوتاه و واضح و دقیق باشد
همیشه از نوع اصلی و درست تصویر استفاده کنید، زیرا این یک گام اساسی برای موفقیت است
یک نقشه سایت تصویری ایجاد کنید
از 50 تا 55 کاراکتر (حداکثر 16 کلمه) در متن جایگزین استفاده کنید
برای سرعت بارگذاری سریعتر صفحه، از اندازه فایل بهینه بدون کاهش کیفیت آن استفاده کنید
متا تگ Robots
تگ Robots Meta یک تگ HTML است که دستورالعمل هایی را در مورد ایندکس کردن یا عدم ایندکس کردن یک صفحه وب به خزنده های وب ارائه می دهد.
متا تگ Robots دارای چهار مقدار اصلی برای خزنده های موتورهای جستجو است:
FOLLOW - خزنده موتور جستجو تمام پیوندهای موجود در آن صفحه وب را دنبال می کند
INDEX - خزنده موتور جستجو کل صفحه وب را فهرست می کند
NOFOLLOW - خزنده موتور جستجو صفحه و پیوندهای موجود در آن صفحه وب را دنبال نمی کند
NOINDEX - خزنده موتور جستجو آن صفحه وب را ایندکس نمی کند
نحو متا تگ Robots:
<meta name=”robots” content=”noindex, nofollow”> - Means not to index or not to follow this web page.
<meta name=”robots” content=”index, follow”> - Means index and follow this web page
توجه: متا تگ robots باید در قسمت <head> صفحه وب شما قرار گیرد.
متا تگ های رسانه های اجتماعی (گراف باز و کارت های توییتر)
باز کردن برچسب های نمودار:
تگ های Open Graph Meta برای ارتقای یکپارچگی بین Facebook، LinkedIn، Google و URL های وب سایتی که در این پلتفرم ها به اشتراک گذاشته اید، طراحی شده اند.
در اینجا نمونه ای از نحوه ظاهر تگ های Open Graph در HTML استاندارد آمده است:
<meta property="og:type" content="article" />
<meta property="og:title" content="TITLE OF YOUR POST OR PAGE" />
<meta property="og:description" content="DESCRIPTION OF PAGE CONTENT" />
<meta property="og:image" content="LINK TO THE IMAGE FILE" />
<meta property="og:url" content="PERMALINK" />
<meta property="og:site_name" content="SITE NAME"
کارت های توییتر:
کارت‌های توییتر به روشی مشابه Open Graph کار می‌کنند، با این تفاوت که این متا تگ‌های ویژه را فقط برای توییتر اضافه می‌کنید. توییتر از این تگ ها برای بهبود نمایش صفحه شما در هنگام اشتراک گذاری در پلتفرم خود استفاده می کند.
در اینجا نمونه ای از نحوه ظاهر کارت توییتر در HTML استاندارد آمده است:
<meta name="twitter:title" content="TITLE OF POST OR PAGE">
<meta name="twitter:description" content="DESCRIPTION OF PAGE CONTENT">
<meta name="twitter:image" content="LINK TO IMAGE">
<meta name="twitter:site" content="@USERNAME">
<meta name="twitter:creator" content="@USERNAME">
هر دو متا تگ رسانه های اجتماعی چگونه به نظر می رسند:
تگ های سربرگ
تگ Header برای ایجاد عنوان استفاده می شود، یعنی با استفاده از آنها می توانیم تغییرات فونت را اعمال کنیم.
عناصر عنوان عبارتند از H1، H2، H3، H4، H5، و H6 که H1 بالاترین (یا مهمترین) سطح و H6 کمترین سطح است.
در اینجا مثالی از نحوه استفاده از تگ های هدر گرفته شده از SEMrush آورده شده است :
<h1> 9 Tips for Boosting the Speed of your Shopify Website </h1>
<p>Paragraph of content</p> <p>another paragraph of content</p>
<h2>Performance Analysis</h2>
<p>Paragraph of content</p>
<h3>Analyzes the Mobile and Desktop Performance with PageSpeed Insights</h3>
متا تگ طراحی ریسپانسیو
آخرین متا تگ مهم متا تگ Responsive Design است که ما آن را "Viewport Meta Element" می نامیم. با استفاده از متا تگ viewport می توانیم طرح بندی صفحات وب را در مرورگرهای موبایل کنترل کنیم.
این عنصر viewport در قسمت head صفحه وب شما گنجانده شده است.
نحو:
<meta name="viewport" content="width=device-width,initial-scale=1">
اگر می‌خواهید درباره این متا تگ‌های طراحی واکنش‌گرا بیشتر بدانید، به این پست زیبا که نوشته شده است بروید .
توجه: اگر صفحات وب سایت شما ریسپانسیو نیستند از این متا تگ واکنش گرا استفاده نکنید، زیرا باعث بدتر شدن تجربه کاربر می شود.
متا تگ ها برای نادیده گرفتن
در نهایت، چند تگ وجود دارد - می‌توانیم آنها را متا تگ بد بنامیم و باید به سادگی آنها را نادیده بگیریم:
برچسب کلمات کلیدی - گوگل از کلمات کلیدی متا تگ در رتبه بندی وب استفاده نمی کند. - منبع
Revisit after – این تگ HTML دستوری است به روبات ها برای بازگشت به صفحه پس از یک دوره خاص. این تگ توسط هیچ موتور جستجوی اصلی دنبال نمی شود و ارزشی در سئو ندارد. بهتر است از این برچسب دوری کنید و آن را به موتورهای جستجو بسپارید تا در مورد نحوه خزیدن وب سایت خود تصمیم بگیرند. نحو: <meta name="revisit-after" content="7 days" />
انقضا/تاریخ – این تگ تاریخ انقضای صفحه شما را مشخص می کند. من شخصاً این را توصیه نمی کنم، فقط اگر از آن استفاده می کنید حذف کنید. نحو: <meta http-equiv="Expires" content="جمعه، 28 ژانویه 2024، 23:59:59 GMT">
تأیید سایت - فقط این را نادیده بگیرید. می توانید سایت خود را با استفاده از کنسول جستجوی گوگل و ابزار وب مستر بینگ تأیید کنید.
حق چاپ - هر سایتی حق چاپ خود را در پاورقی قرار می دهد، بنابراین شما نیازی به برچسب جداگانه ندارید. یک نه بزرگ برای این برچسب.
توزیع - مقدار "توزیع" ظاهراً برای کنترل افرادی که می توانند به سند دسترسی داشته باشند استفاده می شود که معمولاً روی "جهانی" تنظیم می شود. ذاتاً به این معنی است که اگر صفحه باز باشد (مثلاً در اینترانت محافظت نشده با رمز عبور) برای جهان در نظر گرفته شده است. با آن بروید و برچسب را از صفحه خارج کنید. - منبع
ژنراتور - برچسب بی فایده.
کنترل کش – این تگ به ناشران وب اجازه می دهد تا تعیین کنند که یک صفحه چقدر در حافظه پنهان ذخیره می شود. به طور کلی، اینها مورد نیاز نیستند. ما می توانیم به سادگی از هدر HTTP به جای این تگ HTML استفاده کنیم.
متا تگ ODP Robots - گوگل دیگر این متا تگ را دنبال نمی کند. - منبع
Geo Meta Tag - گوگل از تگ های Geo Meta برای رتبه بندی صفحات استفاده نمی کند. - منبع
بنابراین این چند تگ HTML هستند که باید در نظر بگیریم یا به سادگی نادیده بگیریم. اکنون می توانید به راحتی از متا تگ های HTML مرتبط به صورت هوشمندانه استفاده کنید.
فراموش نکنید که در زیر نظر دهید و نظرات خود را در مورد برچسب های HTML به اشتراک بگذارید. با تشکر برای خواندن!
توجه: نظرات بیان شده در این مقاله نظرات نویسنده است و لزوماً نظرات Caphyon، کارکنان آن یا شرکای آن نیست.