جدول محتوایی
متا تگ چیست ؟
متا تگ ها، تگ هایی غیر قابل نمایش هستند. که اطلاعات مربوط به صفحه شما را در اختیار موتورهای جستجو و بازدیدکنندگان وب سایت قرار می دهند. این تگ ها باعث میشوند موتورهای جستجو محتوای شما را تشخیص دهند.
متا تگ ها در بخش <head> یک سند HTML قرار میگیرند. همچنین اگر از CMS هایی مانند وردپرس استفاده میکنید میتوانید بدون نوشتن کد این کار را انجام دهید. بعنوان مثال میتوانید برای تصاویر alt وارد کنید. یا توضیحات متا (Description) را با نوشتن در یک فیلد خاص وارد کنید.
اهمیت استفاده از متا تگ ها
همانطور که بالا اشاره کردیم، متاتگ ها مشخصات بیشتری را در مورد سایت شما به موتورهای جستجو و بازدیدکنندگانی که در صفحه نتایج جستجو، به لینک شما برمیخورند ارائه می دهند. موتور های جستجو بطور چشمگیری به تجربه خوب کاربران از بازدید از یک سایت اهمیت میدهند.متاتگ ها به کاربران اطلاعات مختصری قبل از ورود به صفحه شما میدهند. تا کاربرانتان مطمئن شوند چیزی که بدنبالش هستند را میتوانند در صفحه شما پیدا کنند.
انواع مختلفی از متاتگ ها وجود داردند که هر کدام نقش مشخصی را ایفا میکنند. در این مقاله 6 مورد از این متاتگ ها را که کاربردشان در بهینه سازی موتور جستجو است معرفی خواهیم کرد.
[highlight color=”yellow”] نکته : اگر از cms وردپرس استفاده میکنید، پیشنهاد میشود برای راحتی کار افزونه Yoast SEO را نصب کنید.[/highlight]
1. تگ Title یا عنوان
تگ عنوان یکی از اولین چیزهایی است که کاربران در صفحه نتایج با آن مواجه می شوند. این عنوان صفحه شما است و کاربران از این طریق محتوای صفحه شما را متوجه خواهند شد.
از آنجایی که محتوای تگ Title در صفحه نتایج نشان داده میشود باید یک سری قوائد را رعایت کنیم.
تگ عنوان شما باید واضح و توصیفی مناسب از محتوای صفحه تان باشد. همچنین تعداد کاراکترهای استفاده شده نباید بیش از 55 باشد. برای افزایش بهبود سئو باید یک کلمه کلیدی مناسب را در این 55 کاراکتر بگنجانید.
قبل از اینکه کاربران تگ عنوان شما را ببینند، ربات های گوگل آن را بررسی میکنند. پس حتما از عنوانی استفاده کنید که برای گوگل هم قابل تشخیص باشد.
اگر از وردپرس استفاده میکنید، با نصب افزونه Yoast SEO براحتی میتوانید یک عنوان برای صفحه خود انتخاب کنید. اما اگر میخواهید بصورت دستی این تگ را از طریق HTML وارد کنید طبق مثال زیر این کد را در تگ <head> سند html خود وارد کنید.
<head>
<title>عنوان صفحه شما</title>
</head>
2. توضیحات متا – Meta Description
توضیحات متا به اندازه تگ عنوان اهمیت دارد. اگر دقت کرده باشید، پایین عنوان ها در صفحه نتایج، مقداری توضیحات برای هر لینک نوشته شده. در توضیحات متا باید بطور خلاصه در چند جمله، چکیده ای از محتوای خود را بیان کنید. بسیاری از کاربران قبل از ورود به هر لینک، توضیحات متا را هم مطالعه میکنند. پس توصیه میشود برای افزایش ورودی به سایتتان، روی این گزینه بشدت تمرکز کنید.
طول کاراکتر های توصیه شده برای توضیحات متا، حداقل 120 و حداکثر 156 کاراکتر میباشد.
در وردپرس درست مانند وارد کردن عنوان، میتوانید توضیحات متای خود را هم وارد کنید. اگر میخواهید در HTML خود کدنویسی کنید متا تگ زیر را در تگ <head> وارد کنید:
<head><meta name="description" content="توضیحات متا را در این قسمت ینویسید"></head>
آموزش ساخت ساب دومین در هاست دایرکت ادمین
3. متاتگ روبات ها – Robots meta tag
متا تگ robots به موتورهای جستجو اطلاع می دهد که کدام صفحات از سایت شما باید ایندکس شوند.
[highlight color=”blue”]متا تگ robots به موتورهای جستجو اطلاع می دهد که کدام صفحات سایت شما باید ایندکس شوند. این متا تگ هدفی مشابه robots.txt دارد. معمولاً برای جلوگیری از نمایه سازی صفحات منفرد توسط موتورهای جستجو استفاده می شود، در حالی که robots.txt از ایندکس کردن کل سایت یا بخشی از یک سایت جلوگیری می کند.[/highlight]متاتگ زیر به روبات های خزنده موتور جستجو دستور میدهد که صفحه شما ایندکس نشود:
<meta name="robots" content="noindex, nofollow" />اما اگر میخواهید صفحه شما ایندکس شود و در نتایج جستجو به کاربران نمایش داده شود باید اینگونه عمل کنید:
<meta name="robots" content="index, follow" />توجه : اگر متاتگ روبات را ننویسید، موتور جستجو بطور پیشفرض صفحه شما را ایندکس میکند.
کاربرد این متاتگ این است که گاهی اوقات در برخی صفحات محتوایی قرار داده ایم که به هر دلیلی نمیخواهیم کاربران از طریق جستجو در وب به آنها دسترسی داشته باشند.
4. متن alt
بهینه سازی تصویر به یک عنصر بسیار مهم در سئوی مدرن تبدیل شده است. زیرا محتوای تصویری یکی از پر طرفدار ترین نوع محتواهاست. تصاویر شما باید هم برای موتورهای جستجو و هم برای افراد قابل دسترسی باشد.
کاربرد متن جایگزین : در صورت لود نشدن تصاویر، این متن بجای آنها نمایش داده میشود. همچنین به موتورهای جستجو می گوید که آن تصویر چه چیزی را نشان می دهد.
طبق تصویر بالا در وردپرس، هنگام آپلود هر عکس یا حتی بعد از آپلود، میتوانیم متن جایگزین را برای عکسمان انتخاب کنیم.
در html تگ <img> برای تعریف متن جایگزین باید از ویژگی “alt” استفاده کنیم.
<img src="./directory" alt="متن جایگزین" >
5. Canonical tag
اگر صفحاتی را در سایت خود دارید که محتوای یکسانی دارند، ممکن است بخواهید به آنها اولویت دهید. یا به هر دلیلی میخواهید در سایت خود از دو صفحه شبیه به هم در دو جای مختلف سایت استفاده کنید.
میتوانیم خزنده های وب را راهنمایی کنیم که کدام URL اصلی باشد.
<link rel="canonical" href="http://example.com/" />
برای اینکه در رتبه بندی صفحات تکراری به مشکل نخورید، از این تگ استفاده کنید.
6. تگ هدر – (h1-h2-h3-h4-h5-h6)
تگ های هدر بخشی از محتوای شما هستند. در واقع همه عنوان هایی که در متن خود میگذارین، همان تگ های هدر هستند.
علاوه بر بهبود تجربه کاربر و سهولت خواندن، تگ‌های هدر میتوانند به موتورهای جستجو در درک محتوای شما کمک کنند.
ترتیب تگ های هدر شما (از h1 تا h6) اهمیت هر بخش را مشخص می کند. تگ h1 معمولاً عنوان صفحه یا عنوان مقاله را نشان می دهد، در حالی که بقیه تگ های هدر برای تجزیه محتوای استفاده میشود. به همان اندازه که تگ‌های هدر مهم هستند، نباید از آنها بیش از حد استفاده کنید. کیفیت مهم تز ار کمیت است.
یک مثال استاندارد :
<h1>A quick and easy guide to meta tags in SEO</h1> <p>Paragraph of content</p> <p>Another paragraph of content</p> <h2>Why do meta tags matter?<h2> <p>Paragraph of content</p> <h2>Six meta tags to improve the optimization of your site<h2> <h3>1. Title tag</h3>
جمع بندی
در این پست سعی کردیم مهم ترین نکات در مورد متاتگ های موثر در سئو را به شما آموزش دهیم. امیدواریم برایتان مفید بوده باشد.
ممنون خدا قوت
خیلی خوب توضیح دادید
سلام به تیم ایرانکاسرور ممنون از پست خوبتون
ببخشید میشه یکم بیشتر توضیحات بدید در مورد بخش دوم
ایرانیکاسرور همیشه عالی هستید
منون از پست خوبتون
ممنون خدا قوت