لیست تمام تگ ها و متا تگ های موجود در تگ head

آموزش ها, آموزش SEO, آموزش وردپرس, طراحی قالب, کد های آماده, کد های وردپرس آخرین بروزرسانی : ۱۸ آذر ۱۳۹۸

در این مقاله می توانید لیستی از تمام تگ ها و دیگر متا تگ های موجود در قسمت را مشاهده کنید.

متا تگ ها

متا تگ ها

احتمالاً شما هم با افرادی در ارتباط بوده اید که عقیده دارند برای کسب رتبه نخست نتایج جستجوی گوگل، تنها کافیست به صفحات وب سایت خود متا تگ اضافه کنید. خب، باید بگویم این طرز فکر کاملاً اشتباه است! در حقیقت متا تگ ها، تنها یک تکه از پازل پیچیدۀ الگوریتم رتبه بندی هستند و موتورهای جستجوی اصلی برای رتبه بندی وب سایت ها، عوامل متعدد بسیاری را در نظر می گیرند.

در حالیکه بحث های بسیاری پیرامون اهمیت متا تگ ها در موتورهای جستجو وجود دارد، باید در همین جا اعلام کنم استفاده از متا تگ ها برای وب سایت شما معجزه نمی کند. مطمئن باشید صِرفِ به کار بردن متا تگ ها، رتبه بالایی در نتایج جستجوی گوگل، بینگ و یاهو برایتان به دست نمی آورد.

حتما بخوانید:

UX چیست؟ تجربه کاربری و هنر القای حس معتبر بودنتان به کاربر

مشاهده مقاله

با این حال، متا تگ ها به کاربران و موتورهای جستجو کمک می کنند تا موضوع وب سایت شما را بهتر درک کنند. بنابراین اگر نتوانید در وب سایت خود به درستی از متا تگ ها استفاده کنید، شاهد تاثیرات مخرب آن بر رتبه بندی وب سایت تان خواهید بود.

در این مقاله برایتان توضیح خواهم داد که متا تگ ها چه هستند، کدام یک از متا تگ ها اهمیت بیشتری دارند و چگونه می توان از اشتباهات رایج در حین به کار بردن متا تگ ها جلوگیری کرد.

متا تگ ها چه هستند؟

اگر به زبان ساده بگوییم، متا تگ ها اسنیپت های متنی هستند که محتوای یک صفحه را توصیف می کنند. گفتنی است متا تگ ها بر روی صفحه وب سایت ظاهر نمی شوند، اما در کدهای HTML صفحه وجود دارند.

همۀ ما با عملکرد برچسب های وبلاگ آشنایی داریم و متا تگ ها نیز کمابیش به همان شکل عمل می کنند. در حقیقت، متا تگ ها توضیحات مختصری درباره محتوای صفحه به موتورهای جستجو ارائه می کنند.

تنها تفاوت بین برچسب های وبلاگ و متا تگ ها این است که متا تگ ها تنها در کدهای HTML وب سایت وجود دارند و معمولاً در کد Heading صفحه قرار می گیرند. بنابراین، این کدها تنها برای موتورهای جستجو (و افرادی که می دانند در چه قسمتی به دنبالشان باشند) قابل مشاهده است.

کلمه متا (به انگلیسی: Meta)، کوتاه شدۀ عبارت Metadata است. Matadata، داده هایی هستند که این تگ ها برای موتورهای جستجو فراهم می کنند. اگر ساده تر بگوییم (شاید هم پیچیده تر!) داده های متا، داده هایی از داده های صفحات وب سایت شما هستند.

بیشتر بخوایند :    آموزش حذف متا تگ Generator در وردپرس برای امنیت بیشتر وردپرس.

آیا استفاده از متا تگ به سئو سایت کمک می کند؟

در پاسخ به این سوال باید گفت: بله. کمک می کند. اما نه همۀ آنها و نه در همۀ مواقع! در ادامه مقاله شما را با انواع متا تگ ها آشنا می کنم.

اگر می خواهید بدانید که متا تگ های فعلی صفحات وب سایت شما چه چیزی است، کافیست در مرورگر خود کلیک راست کنید و گزینه “View Page Source” را انتخاب نمایید.

با انتخاب این گزینه، یک تَبِ جدید در گوگل کروم باز می شود (در مرورگر فایرفاکس، یک پنجره جدید به صورت پاپ آپ باز خواهد شد). شما می توانید در قسمت بالای کدها که با عنوان Head مشخص شده است، تگ های متای یک صفحه را مشاهده نمایید.

چگونه متا تگ صفحه را مشاهده کنیم؟

متا تگ ها مانند تصویر زیر نمایش داده خواهند شد:

meta tag

meta tag

خط اول گوگل بدرخشید . بخوانید:  افزونه یواست سئو پرمیوم برای بهینه سازی مطالب وردپرس

انواع متا تگ ها را بشناسید

 

مینیمم ترین حالت ممکن:

<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>

<title>Title text here</title>

متا تگ ها:

<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>

<meta http-equiv="Content-Security-Policy" content="default-src 'self'"/>
<meta name="application-name" content="Application Name"/>
<meta name="theme-color" content="#4285f4"/>
<meta name="description" content="A description of the page"/>
<meta name="robots" content="index,follow"/>

<meta name="googlebot" content="index,follow"/>

<meta name="google" content="nositelinkssearchbox"/>
<meta name="google" content="notranslate"/>

<meta name="google-site-verification" content="verification_token"/>
<meta name="yandex-verification" content="verification_token"/>
<meta name="msvalidate.01" content="verification_token"/>
<meta name="alexaVerifyID.01" content="verification_token"/>
<meta name="p:domain_verify" content="code_from_pinterest"/>
<meta name="norton-safeweb-site-verification" content="norton_code"/>

<meta name="generator" content="program"/>

<meta name="subject" content="your document's subject"/>
<meta name="rating" content="General"/>
<meta name="referrer" content="no-referrer"/>
<meta name="set-cookie" content="name=value; expires=date; path=url"/>
<meta name="ICBM" content="latitude, longitude"/>
<meta name="geo.position" content="latitude, longitude"/>
<meta name="geo.region" content="country[-state]"/>
<meta name="geo.placename" content="city/town"/>

لینک ها:

حتما بخوانید:

قالب فروشگاهی Store در وردپرس

مشاهده مقاله
<link rel="stylesheet" href="https://example.com/styles.css"/>


<link rel="canonical" href="https://example.com/article/?page=2"/>


<link rel="amphtml" href="https://example.com/path/to/amp-version.html"/>


<link rel="manifest" href="manifest.json"/>


<link rel="author" href="humans.txt"/>


<link rel="license" href="copyright.html"/>


<link  rel="me"  href="https://google.com/profiles/thenextweb" type="text/html"/>
<link rel="me" href="mailto:name@example.com"/>
<link rel="me" href="sms:+15035550125"/>


<link rel="index" href="https://example.com/article/"/>


<link  rel="self"  type="application/atom+xml" href="https://example.com/atom.xml"/>


<link rel="first" href="https://example.com/article/"/>
<link rel="last" href="https://example.com/article/?page=42"/>
<link rel="prev" href="https://example.com/article/?page=1"/>
<link rel="next" href="https://example.com/article/?page=3"/>



<link rel="dns-prefetch" href="https://example.com/"/>
<link rel="preconnect" href="https://example.com/"/>
<link rel="prefetch" href="https://example.com/"/>
<link rel="prerender" href="https://example.com/"/>
<link  rel="preload"  href="image.png" as="image"/>

آیکون ها:

<link  rel="icon"  sizes="192x192" content="/path/to/icon.png"/>


<link rel="apple-touch-icon" href="/path/to/apple-touch-icon.png"/>


<link rel="mask-icon" href="/path/to/icon.svg"/>

شبکه های اجتماعی: Facebook

<meta property="fb:app_id" content="123456789"/>
<meta property="og:url" content="https://example.com/page.html"/>
<meta property="og:type" content="website"/>
<meta property="og:title" content="Content Title"/>
<meta property="og:image" content="https://example.com/image.jpg"/>
<meta property="og:description" content="Description Here"/>
<meta property="og:site_name" content="Site Name"/>
<meta property="og:locale" content="en_US"/>
<meta property="article:author" content=" "/>

 متا تگ های Twitter

<meta name="twitter:card" content="summary"/>
<meta name="twitter:site" content="@site_account"/>
<meta name="twitter:creator" content="@individual_account"/>
<meta name="twitter:url" content="https://example.com/page.html"/>
<meta name="twitter:title" content="Content Title"/>
<meta name="twitter:description" content="Content description less than 200 characters"/>
<meta name="twitter:image" content="https://example.com/image.jpg"/>

برای عنوان صفحه میتوان از این متاتگ استفاده کرد :

<meta name="title" content="Hinza Official Website"/>

برای نشان دادن منتشرکننده و طراح گرافیکی و طراح سایت :

<meta name="web_author" content="Hinza"/>
<meta name="designer" content="Hinza"/>
<meta name="publisher" content="Hinza"/>

برای نشان دادن نوع محتوای سایت :

<meta http_equiv="content-type" content="text/html"/>

خب امیدواریم این مطلب و متا تگ های قالب سایت برای شما کاربران عزیز الماس وب مفید واقع شده باشید

موفق و پیروز باشید.😉

4.6/5 - (42 امتیاز)

مهدی ایبک ابادی

مهدی ایبک آبادی هستم ، موسس و بنیانگذار الماس وب، متخصص دنیای طراحی سایت و علاقه مند به وردپرس. 10 سال در حوزه برنامه نویسی و 6 سال به طور جدی در حوزه طراحی وبسایت فعالیت دارم.

یک پاسخ به “لیست تمام تگ ها و متا تگ های موجود در تگ head”

  1. بینام گفت:

    مرسی واقعا عالی بود

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *