متا تگها کدامند و چه تاثیری روی سئو سایت دارند؟
متا تگها کدهای HTML ای هستند که به موتورهای جستجو و کاربران کمک میکنند تا محتوای صفحات سایت بهتر درک شوند. دقت داشته باشید که متا تگ ها جز محتوای اصلی صفحه محسوب نمیشوند.
در نظر داشته باشید استفاده از متا تگهای موثر در سئو تاثیر مستقیمی در رتبه بندی ندارد و جزو فاکتورهای رتبه بندی رباتهای موتورهای جستجو قرار نمیگیرد، اما سیگنالهای حاصل از قرار دادن متا تگهای سئو میتواند باعث افزایش نمره و همچنین ارتقاء رتبه صفحه شود. در این مطلب قصد داریم که به معرفی مهمترین و رایج ترین متا تگهای مورد استفاده در سایتها و کاربردهای آنها بپردازیم. با ما همراه باشید.
متا تگ چیست
متا تگها بخشی از کد html هستند که میتوانند توسط موتورهای جستجو crawl یا دراصطلاح خزیده شوند. این اطلاعات در خود صفحه نمایش داده نمیشوند ولی دادههای مربوط به صفحه را در اختیار موتورهای جستجو و بازدیدکنندگان خواهد داد. تشخیص محتوای سایت با استفاده از متا تگها برای موتور جستجو گوگل راحتتر بوده و به همین علت استفاده از متا تگهای موثر در سئو، نقش مهمی در افزایش عملکرد سئو سایت دارند.
این تگها به الگوریتمهای موتور جستجو اجازه میدهد تا توضیحات مربوط به ترکیبات صفحات وبسایت شما را بخوانند و استفاده از انواع متا تگهای موثر در سئو، جنبههای مختلف سایت شما را به موتورهای جستجو شان دهد.
به این نکته توجه داشته باشید هیچ استراتژی مهم سئو نقش صد درصدی در به دست آوردن رتبه عالی در صفحات نتایج جستجو را ندارد پس تمرکز روی یک استراتژی جامع می تواند ایده خوبی برای موفقیت در سئو باشد که استفاده از متا تگهای موثر در سئو یکی از گزینههای مهم و اصلی است.
چرا متا تگها برای سئو مهم هستند
متا تگها نقش رابط بین محتوای سایت و رباتهای موتور جستجو را بر عهده دارند و موتور جستجو به کمک این تگها متوجه خواهند شد که صفحه موردنظر نیاز به crawl و ایندکس دارد یا خیر. همچنین اطلاعاتی که توسط متا تگها ارائه میشوند، نقش مهمی در شناسایی محتوای صفحه موردنظر دارند.
با نوشتن و پیکربندی درست متا تگها میتوانیم به موتور جستجو کمک کنیم که درک بهتری از محتوای صفحات وبسایت داشته باشد و از این طریق، صفحات موردنظر آمادگی لازم برای قرار گرفتن در رتبههای بالاتر نتایج جستجو را داشته باشند.
همچین، متا تگهای مهمی مثل title و Description اطلاعات اضافی و باکیفیتی را در اختیار کاربران قرار میدهد و همین باعث، ارائه تجربه بهتر، کلیکهای بیشتر و CTR بالاتر سایت میشود. قرار دادن این متاتگها به این دلیل است که یک کاربر، قبل از محتوای کلی سایت با عنوان و توضیحات متای صفحه روبرو میشوند و با استفاده از محتوای آنها در مورد بازدید از صفحه تصمیم میگیرد که آیا مطالب سایت برای او مفید است یا خیر. .
همانطور که در ابتدای مطلب اشاره کردیم متا تگها عامل رتبه بندی اصلی برای موتورهای جستجو نیستند، اما متا تگهای باکیفیت برای بازاریابی دیجیتالی و سئو فنی، ضروری است.
از تاثیرات متا تگها روی افزایش سئو سایت میتوان به موارد زیر اشاره کرد:
- ارتقاء تجربه کاربری و افزایش نرخ تبدیل
- کاهش نرخ پرش با شفاف سازی هدف صفحه
- بهبود سئوی on-page
- ارائه یک سیستم برای بررسی محتوای تکراری
مهم ترین متا تگ های موثر در سئو:
در این بخش مهمترین متا تگها را برای افزایش عملکرد سئو به شما عزیزان معرفی خواهیم کرد:
title یا عنوان سئو
این تگ باعنوان “meta” شروع نمیشود و در جزء تگ head قرار میگیرد. این تگ از اصلیترین و مهمترین تگهای موثر در سئو است. تایتل حاوی اطلاعاتی است که برای سئو مهم است و اگر در انتخاب یک عنوان جذاب و منحصر به فرد برای صفحه موردنظر خوب عمل کنید، شاهد افزایش نرخ کلیک خواهید شد.
تگ title در داخل هدر کد html به صورت زیر نوشته میشود:
<head>
<title>Example Title</title>
</head>
این بخش در قالب ووردپرس در قسمت ” عنوان سئو” نوشته میشود.
نکاتی برای انتخاب یک عنوان سئو مناسب برای صفحه به نکات زیر توجه کامل داشته باشید:
- عنوان منحصربفرد انتخاب کنید.
- طول عنوان صفحه بین ۵۰ تا ۶۰ کاراکتر باشد.
- کلمات کلیدی مهم را در ابتدای عنوان قرار دهید.
- نام برند خود را در عنوان ذکر کنید.
- از عنوان های جذاب و متفاوت استفاده کنید.
- از تکرار بیش از حد کلمه کلیدی خودداری کنید.
نکته: دقت داشته باشید عنوان سئو را با عنوان مطلب H1 اشتباه نگیرید.
توضیحات متا یا meta description
توضیحات متا و عنوان سئو کامل کننده یکدیگر هستند و ارائه توضیحات مختصر و جذاب در مورد محتوای صفحه موردنظر سبب میشود که کاربر انتخاب خود را با اطمینان بیشتر انجام دهد. این متا تگ در داخل html با meta تعریف شده و جزو مهمترین متا تگهای موثر در سئو محسوب میشود.
اگر از قرار دادن توضیحات متا غافل شوید، موتور جستجو خودش بخشی از محتوای صفحه را به عنوان متا انتخاب میکند و ممکن است حرفهای به نظر نرسد. بهتر است که توضیح متا توسط خود شما نوشته شود. چرا که میتوانید با قرار دادن توضیحات متا جذاب، نرخ کلیک سایت خود را بالا ببرید.
متا تگ description در داخل هدر کد html به صورت زیر نوشته میشود:
<head>
<meta name=”description” content=”description”/>
</head>
نکاتی برای تعیین توضیحات متا باید در نظر بگیرید:
- صفحات رقبا را بررسی کنید و جذابترین توضیح را بنویسید.
- توضیحات متا خلاصهای از محتوای اصلی صفحه باشد.
- کلمه کلیدی را در ابتدای متن قرار دهید.
- کلمه کلیدی را زیاد تکرار نکنید.
- طول توضیحات متا بین ۱۵۰ تا ۱۶۰ کاراکتر باشد.
- هر صفحه از سایت دارای توضیحات متا منحصربفرد باشد.
متا تگ Robots
یکی دیگر از متا تگهای موثر در سئو که به ربات های موتور جستجو اچازه میدهد که صفحه موردنظر ایندکس شود یا خیر، Robots میباشد.
استفاده از متا تگ Robots الزامی نیست و صفحه از لحاظ ایندکس و فالو کردن لینک ها در حالت index و follow قرار دارد. فقط در صورتی که قصد دارید یکی از این دو حالت را تغییر دهید، باید متا تگ Robots را به کد html اضافه کنید.
استفاده از تگها no index و no follow در بعضی از صفحات به شما کمک میکند که وضعیت سایت را تحت کنترل نگه دارید و به جای نمایش آنها در SERP ها، کاری کنید که فقط با کلیک روی لینک بتوان به آنها دسترسی پیدا کرد.
این متا تگ به صورت زیر در داخل تگ هد قرار میگیرد:
<head>
<meta name=”robots” content=”noindex, nofollow”/>
</head>
این متا تگ دارای ۴ مقدار اصلی است که شامل موارد زیر است:
:follow خزنده موتور جستجو تمام لینک های موجود در آن صفحه را دنبال کند.
index : ربات موتور جستجو صفحه موردنظر را ایندکس کند.
nofollow : خزنده، صفحه و لینک های موجود در آن صفحه را دنبال نکند.
noindex : موتور جستجو آن صفحه وب را ایندکس نکند.
نکاتی در مورد متا تگ Robots که باید رعایت کنید:
- تگ Robots را با robots.txt اشتباه نگیرید. فایلهای robots.txt برای مشخص کردن صفحاتی است که میخواهید crawl شوند در حالی که متا تگ Robots برای مشخص کردن این است که صفحه موردنظر ایندکس شود یا نه. به همین خاطر، صفحات noindex را در فایلهای robots.txt بلاک نکنید تا رباتها بتوانند آنها را بخوانند.
- استفاده از این متا تگ، ایده خوبی برای جلوگیری از ایندکس صفحات با محتوای تکراری یا نامعتبر است.
- دقت کنید تا با یک اشتباه کوچک، مانع خزیده شدن بخش های مهم وبسایت خود نشوید.
متا تگ content type
این متا تگ برای مشخص کردن مجموعه کاراکترهای مربوط به صفحه استفاده میشود و باید در هر صفحه وجود داشته باشد. نادیده گرفتن این متا تگ میتواند روی نحوه نمایش محتوای صفحه تاثیر بگذارد. در واقع چون زبانهای مختلف، مجموعه کاراکترهای پیش فرض متفاوتی دارد، برای نمایش درست محتوا در صفحه باید از این متا تگ استفاده کنید. این طراح وبسایت است که باید بهترین مقدار را برای این متا تگ مشخص کند.
این متا تگ به صورت زیر در داخل تگ هد قرار میگیرد:
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
charset=UTF-8 به مرورگر نشان میدهد که کاراکترهای صفحه موردنظر از مدل کدگذاری UTF-8 پیروی میکنند. در کل نوع محتوا با content و مجموعه کاراکتر نیز با charset مشخص میشود.
نکاتی در مورد استفاده تگ content typ که باید رعایت کنید:
- این متا تگ تاثیر مستقیمی در رتبه صفحه ندارد، اما نمایش منظم و صحیح محتوای صفحه روی تعامل کاربران و اعتبارسنجی وبسایت شما تاثیر میگذارد که اینها سیگنالهای مهمی برای الگوریتمهای موتور جستجو هستند.
- مقادیر این متا تگ را بر اساس زبان متن به کار رفته در صفحه موردنظر مشخص کنید.
- در حد امکان سعی کنید از UTF-8 استفاده کنید.
- در HTML5 برای مشخص کردن یونیکد نیازی به قرار دادن پارامتر http-equiv ندارید.
متا تگ viewport
viewport یکی دیگر از مهمترین متا تگهای موثر در سئو است که به طراحان وب اجازه میدهد سایز بندی و نحوه نمایش صفحه را در دستگاههای مختلف تنظیم کنند.
این متا تگ مستقیماً با رتبه بندی صفحه ارتباطی ندارد ولی در بهبود تجربه کاربری موثر است. مخصوصاً امروزه که میزان استفاده از موبایل برای جستجو در اینترنت زیاد شده است، اهمیت دادن به نحوه نمایش صفحه در موبایل های مختلف بسیار مهم است.
متا تگ viewport به صورت زیر در داخل تگ هد قرار میگیرد:
<meta name=”viewport” content=”width=device-width,initial-scale=1.0″/>
نکاتی در مورد متا تگ viewport باید در نظر بگیرید:
اگر صفحات وبسایت شما ریسپانسیو نیستند، از این متا تگ استفاده نکنید چون باعث بدتر شدن تجربه کاربری میشود.
متا تگ Language
این متا تگ با هدف مشخص کردن زبان وبسایت به کار می رود و مخصوصاً زمانی که در وبسایت از زبان های مختلف استفاده شده است، قرار گرفتن این متا تگ در لیست متا تگ های موثر در سئو ضروری است.
چون با مشخص کردن زبان مربوط به هر صفحه به موتورهای جستجو کمک می کنید که زبان صفحه را تشخیص دهد. وگرنه اگر در کل سایت از یک زبان استفاده شده باشد، موتور جستجو مشکلی در تشخیص زبان صفحه نخواهد داشت.
متا تگ Language به صورت زیر در داخل تگ هد قرار میگیرد:
< meta name=”language” content=”EN” />
با این که گوگل به تگ های زبان توجه نمی کند، اما موتورهای جستجوی دیگری مثل BING به این متا تگ اهمیت می دهند.
متا تگ Open Graph
با توجه به اینکه شبکههای اجتماعی نقش مهمی در افزایش ترافیک سایت دارند، پس اشتراک گذاری و نمایش صفحه با یک روش بهتر و کاربر پسندتر به مخاطبان شبکههای اجتماعی میتواند دلیلی برای افزایش تعامل با صفحه و در نتیجه ارسال سیگنالهای موثر به موتور جستجو شود.
متا تگ Open Graph این قابلیت را دارد که نحوه استفاده و نمایش محتوای لینک را بهینه کند و نرخ تبدیل بالاتری را به همراه داشته باشد پس با اینکه تاثیر مستقیمی در سئو ندارد ولی می تواند جزو متا تگ های موثر در سئو باشد.
ویژگی های این متا تگ در داخل تگ هد کد html به صورت زیر نوشته می شود:
<meta property=”og:title” content=”title”/>
<meta property=”og: description” content=”description”/>
<meta property=”og:type” content=”website”/>
<meta property=”og:url” content=http://www.exmple.com/>
<meta property=”og:image” content=http://www. exmple.com/image-name.jp/>
متا تگ Alt Text
تعیین یک متن alt مناسب برای تصاویری که در صفحات قرار دارند برای سئو بسیار مهم هستند و یک عامل کلیدی در رتبه بندی نتایج موتورهای جستجو محسوب میشوند. در واقع، این متن با توصیف تصویر، درک عمیق تری از آن به موتور جستجو میدهد و به آن کمک میکند که تصویر را به درستی ایندکس کند.
همچنین، کاربری هم که به دلایل مختلف مثل اینترنت کند یا محدودیت دسترسی نمیتواند تصاویر صفحه را ببیند، به کمک متن alt از محتوای تصاویر مطلع میشود. پس وقتی، هم در عملکرد موتور جستجو و هم در میزان رضایت کاربر تاثیر دارد، غیر منطقی است که Alt text در لیست متاتگهای موثر در سئو قرار نگیرد.
البته، درست مثل عنوان و توضیحات متا دو روش برای تعیین متن alt برای تصاویر وجود دارد.
alt text در داخل تگ img به صورت زیر تعریف می شود:
<img src=”tree_img.jpg” alt=”tree in jungle” >
نکاتی در مورد تگ Alt Text که باید رعایت کنید:
- تصاویر را به طور واضح و مشخص توصیف کنید.
- برای نوشتن متن alt از عنوان هدر کمک بگیرید.
- توضیحات را بر اساس محتوای صفحه تنظیم کنید.
- متن alt کمتر از 125 کاراکتر باشد.
- متن را با تصویر … شروع نکنید و مستقیماً در مورد خود تصویر بنویسید.
- برای همه تصاویر صفحه از کلمات کلیدی استفاده نکنید.
- تصاویری که بیشتر از همه معرف موضوع شما هستند، شایسته برخورداری از کلمه کلیدی هستند.
- بهتر است برای تصاویری که حالت تزئینی دارند و نقش محتوایی ندارند، متن alt قرار ندهید.
متا تگ Heading
تگهای هدر جزو سیگنالهای قوی برای سئو هستند. وقتی محتوای یک صفحه با عنوان هایش شناخته میشود، پس طبیعی است که بخش مهم و حیاتی سئو باشند. این تگها برای جداسازی عنوانهای محتوای یک صفحه استفاده میشوند و معمولاً از H1 که همان عنوان اصلی است تا H6 رتبه بندی میشوند. استفاده درست از تگهای هدر باعث بهبود خوانایی و سئو صفحه می شوند.
هدینگها در داخل کد HTML به صورت زیر تعریف میشوند:
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
نکاتی در مورد تگهای Heading که باید رعایت کنید:
- از هدرها برای ساختار بندی محتوا استفاده کنید.
- با استفاده از زیرهدرها کل محتوا را به بلوکهای جدا تبدیل کنید.
- کلمات کلیدی را در بعضی از هدرها یا زیرهدرهای مناسب قرار دهید.
- هدرها را طوری انتخاب کنید که سازگاری بین هر بلوک از محتوا حفظ شود.
- سعی کنید هدرهای جذاب و منحصربفرد را برای محتوای خود لحاظ کنید.
سخن آخر
در این مطلب متا تگهای موثر در رتبه بندی سئو را به شما معرفی کردیم. با رعایت نکاتی که گفته شد، صفحات شما بهتر از قبل ایندکس میشوند و احتمالاً رتبه بالاتری در نتایج جستجوی گوگل پیدا خواهید کرد. به خاطر داشته باشید که متاتگها بخشی از بهینهسازی صفحات را به عهده دارند، فاکتورهای سئو دیگر نیز میتواند روی ترافیک و رتبه شما تاثیرگذار باشند.