متا تگ های بخشی از کد های html می باشند که مطالب یک صفحه از وب سایت را برای موتورهای جستجوگر و همچنین کاربران بازدید کننده توصیف می کنند لازم است بدانید که متا تگ ها تنها در کد های وب سایت قابل مشاهده می باشند و اگر شما می خواهید بدانید که یک وب سایت از چه متا تگ هایی استفاده کرده است می توانید از کلید ترکیبی (ctrl + u) استفاده کنید
متاتگ ها در بخش <head> کد های html قرار میگیرند و برای سئو سایت بسیار مهم می باشند البته برخی از این تگ ها مانند تگ عنوان و همچنین تگ توضیحات در نتایج جستجوی گوگل و سایر موتورهای جستجوگر قرار میگیرد و در صورتی که به درستی ایجاد شده باشند می تواند در نرخ کلیک وب سایت(ctr) تاثیر بگذارند و در نهایت باعث افزایش بازدید وب سایت شوند
فیلم آموزش کامل تگ های html
شما به روش های مختلفی می توانید متا تگ ها را به وب سایت خود اضافه کنید مثلا وب سایت های وردپرسی با استفاده از افزونه های سئویی که وجود دارد مانند All in One SEO Pack , Yoast SEO به صورت خودکار این تگ ها را به وب سایت شما اضافه می کنند پس نیازی نیست به صورت دستی این کد ها را وارد نمایید ولی اگر به صورت اختصاصی طراحی سایت انجام شده باشد باید به صورت دستی آنها را به وب سایتان اضافه کنید
- آیا متا تگ ها به سئو سایت کمک می کنند ؟
- تگ ها و متا تگ ها را چگونه در داخل وب سایتمان چک کنیم
- لیست مهمترین متا تگ ها
- Title tag
- META DESCRIPTION
- TAG CANONICAL
- (ALTERNATIVE TEXT (ALT
- Robots Meta
- (SOCIAL MEDIA META TAGS (OPEN GRAPH AND TWITTER CARDS
- HEADER TAGS
- RESPONSIVE DESIGN META TAG
- تگ های که باید نادیده بگیرید
آیا متا تگ ها به سئو سایت کمک می کنند ؟
پاسخ بله می باشد ، متا تگ های می توانند به بهینه سازی سایت شما کمک کنند البته تمامی متا تگ ها این قابلیت را ندارند و برخی از این متا تگ ها نیز ممکن است کارایی خود را از دست داده باشند مانند متا تک keyword که چند سالی می باشد که برای گوگل منسوخ شده است و گوگل از آن استفاده نمی کند البته برای موتورهای جستجوگر دیگر این متا هنوز کاربرد دارد ، به طور کلی برخی از متاتگ ها در سئو سایت تاثیر گذار می باشند که در ادامه با آنها آشنا خواهید شد
به طور کلی اگر می خواهید رتبه بگیرد باید علاوه بر این متا تگ ها روی فاکتورهای مهم دیگری مانند ایجاد محتوای با کیفیت و ایجاد ux (تجربه کاربری ، رضایت کاربر ) نیز کار کنید
تگ ها و متا تگ ها را چگونه در داخل وب سایتمان چک کنیم
در ابتدای همین پست نیز اشاره کردیم که متا تگ ها تنها برای موتورهای جستجوگر قابل مشاهده می باشند و در صفحات ما این تگ ها قرار نمیگیرند در صورتی که می خواهید این تگ ها را مشاهده کنید باید کد های وب سایت را مشاهده نمایید برای این منظور روی هر صفحه ای که می خواهد متا تگ های آن را مشاهده کنید کلیک راست نمایید و سپس گذینه View Page Source را انتخاب نمایید البته برخی از ابزارهای بررسی سئو سایت که به صورت آنلاین کار می کنند مانند SEMrush نیز این کد ها را می توانند در اختیار شما قرار دهند
لیست مهمترین متا تگ ها
TITLE TAG
متا تگ تایتل همان تگ عنوان اصلی هر صفحه می باشد که برای بازدیدکنندگان و همچنین موتورهای جستجوگر بسیار مهم می باشد این تگ برای بازدید کننده مشخص می کند که صفحه در مورد چه موضوعی ایجاد شده است همچنین موتورهای جستجوگر نیز به عنوان اولین فاکتور برای ایندکس مطالب از آن استفاده می کنند
تگ عنوان در تمامی مرورگر ها قابل نمایش می باشد و در بالاترین قسمت مرورگر ها نیز قرار می گیرند
طول مطلوب برای تگ عنوان: گوگل معمولا 55-64 کاراکتر از این تگ را نشان می دهد
متا تگ تایتل بعد از محتوا به عنوان دومین فاکتور برای سئو داخلی می باشد منبع: MOZ
شما نمی توانید بیش از یک عنصر <title> را در صفحه وب خود اضافه کنید. - منبع: w3schools
نکات کلیدی برای نوشتن Title tag:
اضافه کردن برخی از کلمات خاص به برچسب عنوان (چگونه | بررسی | بهترین | راهنمایی | بالا | پیدا کردن | خرید آسان)
قراردادن کلمات کلیدی در این تگ
شماره ها را به عنوان خود اضافه کنید (9 روش برای سئو خارجی )
برچسب عنوان خود را با کلید واژه هدف اصلی خود شروع کنید
هر صفحه باید برچسب عنوان منحصر به فرد داشته باشد
META DESCRIPTION
Meta Description یک عنصر HTML است که یک توصیف خلاصه از هر صفحه وب سایت شما می باشد. موتورهای جستجو به طور متداول متا دیسکریپشن را در نتایج جستجو در زیر برچسب عنوان نشان می دهد.
<head>
<meta name=”description” content=" 160 characters" .”>
</head>
نکته : گوگل از Meta Description به عنوان یک سیگنال رتبه بندی استفاده نمی کند اما این تگ می تواند به شدت روی CTR صفحه شما تاثیر گذار باشد زیرا در نتایج جستجو نشان داده می شود
نکته : در دسامبر 2017، گوگل طول این متا تگ را در نتایج جستجو افزایش داد
طول مناسب برای Meta Description چه مقدار می باشد ؟
طول مشخصی برای این قطعه مشخص نشده است و طول آن متفاوت می باشد و بر اساس آنچه که سیستم های ما آن را بیشتر مفید می دانند انتخاب می شوند او همچنین ادامه داده است " گوگل حداکثر طول جدید برای قطعه ها را نمی گوید زیرا قطعه ها به صورت پویا تولید می شوند"
منبع Danny Sullivan
نکات کلیدی برای نوشتن Meta Description:
بر روی تعداد کاراکترها تأکید نکنید، زیرا گوگل ممکن است تگ دیسکریپشن را از محتویات متن شما براساس جستجوی کاربر انتخاب نماید
متا دیسکریپشن تکراری ایجاد نکنید
کلمات کلیدی مورد نظر خود را در این تگ اضافه کنید
هر گونه تخفیف یا پیشنهاداتی که دارید را به آن اضافه کنید
TAG CANONICAL
تگ کانونیک یک تگ html با یک خصوصیت به نام rel = canonical می باشد این تگ برای مواردی استفاده می شود که مطالب تکراری در وب سایت موجود می باشد و ما می خواهید آدرس اصلی را به موتورهای جستجوگر نشان دهیم تا توسط موتورهای جستجوگر به خاطر محتویات تکراری جریمه نشویم
به صورت خلاصه : با استفاده از تگ کانونیک در کد های وب سایتمان ، ما به موتورهای جستجو می گوییم که این URL اصلی صفحه است از و در صورتی که محتویات تکراری با آدرس دیگر موجود می باشد آن را نادیده بگیر
یک تگ کانونیک :
<link rel = "canonical" href = "http://example.com/" />
در چه مواقعی از تگ CANONICAL استفاده می شود
http://www.example.com
https://www.example.com
http://example.com
http://example.com/index.php
تمامی آدرس های بالا به یک صفحه اشاره می کند و از دید یک کاربر هیچ فرقی نیز با هم ندارند اما این برای موتورهای جستجوگر متفاوت می باشد و هر آدرس بالا از دید موتورهای جستجوگر بک وب سایت یا یک آدرس جدا می باشد و این باعث تقسیم شدن قدرت صفحات و در نهایت ایجاد محتوای تکراری می شود که شما با استفاده از این تگ (CANONICAL) می توانید آدرس اصلی وب سایت خود را مشخص کنید
(ALTERNATIVE TEXT (ALT
برچسب Alt برای هر تصویر مهم است، زیرا موتورهای جستجو نمی توانند تصاویر را بخوانند، بنابراین شما باید متن Alt مناسب برای تصاویر انتخاب کنید تا موتور جستجو بتواند آنها را در نظر بگیرد.
نحوه قرار گیری تگ alt برای تصاویر
<"img src = "http://example.com/xyz.jpg" alt = "xyz >
نکات کلیدی در هنگام ایجاد alt برای تصاویر:
متن alt باید کوتاه باشد
برای تصاویر نقشه سایت ایجاد نمایید
از 50-55 کاراکتر (حداکثر 16 کلمه) استفاده کنید
حجم تصویر را برای بارگذاری بهتر کاهش ( افزایش سرعت سایت ) دهید
اضافه کردن یک برچسب alt بسیار آسان است و شما باید آن را در تمام تصاویر خود اضافه کنید . این می تواند به ما در درک آنچه در تصویر شماست کمک کند.
منبع : hobo-web.co.uk
ROBOTS META
متا تگ ربات یا Robots Meta به خزندههای موتورهای جستجوگر می گوید که یک صفحه را ایندکس کن یا ایندکس نکن با به عبارت دیگر اطلاعاتش را جمع کن یا جمع نکن این متا تگ در صورتی که در صفحه شما یافت نشود به صورت خودکار index می باشد و صفحه شما توسط موتورهای جستجوگر ایندکس می شود و اگر بعد از مدتی صفحه شما در نتایج قرار نگرفت یا در ایندکس های وب سایت شما نبود به احتمال زیاد این تک با مقدار noindex مقدار دهی شده است
Robot Meta Tag دارای چهار مقدار اصلی برای خزنده های موتور های جستجو هستند:
FOLLOW - خزنده موتور جستجو تمام لینک ها در این صفحه را دنبال می کنند
INDEX - خزنده موتور جستجو تمام صفحه وب را فهرست می کند
NOFOLLOW - خزنده موتور جستجو تمام لینک ها در این صفحه را دنبال نمی کنند
NOINDEX - خزنده موتور جستجو این صفحه وب را ایندکس نخواهد کرد
نحوه استفاده از این متا تگ
<meta name=”robots” content=”noindex, nofollow”>
این مثال به ربات های می گوید که لینک های این صفحه را پیروی نکن و همچنین محتویات صفحه را نیز ایندکس نکن
(SOCIAL MEDIA META TAGS (OPEN GRAPH AND TWITTER CARDS
Open Graph Meta tags برای ایجاد یکپارچگی بین شبکه های اجتماعی نظیر Facebook ، LinkedIn و URL های وب سایت که در داخل این شبکه های به اشتراک گذاشته می شود ساخته شده است به عبارت دیگر وقتی شما یک آدرس از وب سایت خود را در یک شبکه اجتماعی قرار می دهید به صورت خودکار یکسری از داده ها که در داخل این متاتگ ها(OPEN GRAPH) قرار گرفته شده است برای شما و سایر افراد نمایش داده می شود
تگ og می تواند تاثیر بسزایی در دید کاربر در شبکه های اجتماعی بگذارد و آنها را تحت تاثیر قرار دهد تا روی لینک به اشتراک گذاشته شده وب سایت شما که از این تگ استفاده کرده است کلیک نمایند
یک نمونه ساده از تگ اوپن گراف
<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 عمل می کنند، با این تفاوت که این متا تگ تنها برای شبکه اجتماعی تویتر مورد استفاده قرار میگیرد
نمونه ای از تگ Twitter card
<meta name = "twitter: title" content = "TITLE OF POST OR PAGE">
<meta name = "twitter: description" content = "DESCRIPTION OF CONTENT PAGE">
<meta name = "twitter: image" content = "LINK TO IMAGE">
<meta name = "twitter: site" content = "@ USERNAME">
<meta name = "twitter: creator" content = "@ USERNAME">
HEADER TAGS
تگ های هدر عبارتند از H1, H2, H3, H4, H5, H6 که هر کدام از این تگ ها می توانند روی ظاهر متن هایی که در داخل صفحه می باشد تاثیر بگذارند (فونت متن ها را بزرگتر کنند) این تگ ها همانگونه که اشاره شد از H1 شروع می شوند تا H6 که H1 دارای بالاترین اهمیت و H6 دارای پایین ترین اهمیت (هر چه عدد بیشتر شود اهمیت کمتر می شود)
یک مثال از تگ های هدر
<h1> انواع سئو </h1>
<p>توضیح در مورد انواع سئو</p>
<h2>سئو داخلی</h2>
<h2>سئو خارجی</h2>
RESPONSIVE DESIGN META TAG
تگ های طراحی ریسپانسیو نیز جزء تگ های مهم برای سئو سایت به حساب می آیند این تگ meta tag viewport نام دارد ، meta tag viewportمی تواند طرح بندی صفحات وب را در مرورگرهای تلفن همراه کنترل کرد
این تگ نیز در قسمت head هر صفحه قرار میگرد
نحوه استفاده از این تگ :
<"meta name = "viewport" content = "width = device-width، initial-scale = 1>
اگر وب سایت شما از نوع طراحی وب سایت پاسخگو نمی باشد از این متا تگ استفاده نکنید چرا که باعث کاهش ux می شود
تگ های که باید نادیده بگیرید
Keywords tag : گوگل از این متا دیگر برای رتبه بندی استفاده نمی کند منبع : گوگل بلاگ
Revisit after - این تگ HTML یک فرمان برای ربات ها است تا پس از یک دوره خاص به یک صفحه بازگردد. این برچسب توسط موتور جستجوی بزرگ دنبال نمی شود
Expiration / date - این تگ تاریخ انقضاء صفحه شما را مشخص می کند. شخصا من این را توصیه نمی کنم، فقط این را حذف کنید اگر از آن استفاده می کنید
Site verification - شما می توانید سایت خود را با استفاده از Google Search Console و Bing Webmaster تأیید کنید.
Copyright– هر سایت کپی رایت خود را در پایین صفحه قرار می دهد، بنابراین شما به یک برچسب جداگانه نیاز ندارید.
