چه تکنولوژی می‌خواهید یاد بگیرید؟

نظرات و انتقادات خود را با ما در میان بگذارید.

آپدیت روزانه

بیش از 1000 پست آموزشی

نیازهای روز

تعریف و کاربرد متاتگ‌ها(Meta Tags) در صفحات وب

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

 جایگاه تگ Meta:

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

 

 انواع تگ Meta:

  • متاتگ keywords
  • متاتگ referesh
  • متاتگ copyright
  • متاتگ author
  • متاتگ زبان ساختاری یا نوع محتوا
  • متاتگ زبان سایت
  • متاتگ Robots
  • ...

متاتگ keywords:

با استفاده از این متاتگ کلمات کلیدی در اختیار موتورهای جستجو قرار خواهد گرفت. موتورهای جستجو از محتوای این برچسپ برای فهمیدن محتوای سایت استفاده خواهد کرد:

<meta name="keywords" content="programming,c sharp,mvc,asp.net mvc, ..." />

متاتگ Referesh:

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

با استفاده از کد زیر بعد از مدت زمان 10 ثانیه، صفحه رفرش خواهد شد:

<meta http-equiv="refresh" content="10; URL=http://www.omidnasri.com/" />

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

<noscript>
    <meta http-equiv="refresh" content="0; url=/Content/Error/Index.html" />
</noscript>

متاتگ Copyright:

در صورتی که می‌خواهید محتوای صفحه داری حق کپی‌رایت باشد از دستور زیر استفاده خواهد شد:

<meta name="copyright" content="(c) 2016 http://www.omidnasri.com" />

متاتگ Author:

با استفاده از این متاتگ نویسنده پست مشخص خواهد شد:

<meta name="author" content="name family" />

متاتگ زبان ساختاری یا نوع محتوا:

یک دیگر از متاتگ‌های مهم به حساب می‌آید و در قالب‌های استاندارد موجود است، این متاتگ نوع محتوا را به موتورهای جستجو معرفی می‌کند:

<meta http-equiv=”content-type” content=”text/html; charset=UTF-8″>

 متاتگ زبان سایت:

زبان اصلی صفحه را برای موتورهای جستجو مشخص می‌کند:

<meta name="content-language" content="fa" />

 متاتگ Robots:

این متاتگ دستوراتی را بر روی موتورهای جستجو اعمال می‌کند:

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

ادامه دارد ...


...

امید نصری

0 نظر:

تعداد دیدگاه‌های کاربران : 0 دیدگاه
مهمان گرامی! برای ارسال نظر نیاز است وارد سایت شوید.


You must ورود to comment.