آموزش طراحی وب

مدرسه مجازی ایرانیان

دسته بندی موضوعات
سفارش تبلیغات

متاتگ ها در HTML

متاتگ ها در html

فصل سوم ( معرفی ساختار  HTML4 )

جلسه دوم ( متاتگ ها در HTML  )

سلام خدمت همراهان عزیز مدرسه مجازی ایرانیان

این جلسه میخوایم راجع به متاتگ ها در HTML صحبت کنیم . Meta Tag ها به نحوی اطلاعاتی راجع به سایت شما در اختیار موتورهای جستجوگر قرار می دهند و نقش موثری در سئوی سایت شما دارند ؛ پس بهتر اینه که همیشه از برخی از متاتگ های مفید استفاده کنید .

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

Meta Tag Unicode

تو تمامی سایت ها در ابتدای تگ ها باید این تگ رو قرار بدید . این متاتگ میگه که charset کاراکترهای صفحه ی شما UTF-8 باشه و فارسی رو به خوبی پشتیبانی کنه. کد بالا برای HTML4 استفاده میشد ، در حال حاضر برای HTML5 بصورت زیر استفاده میشه :

  Meta tag Description

 همونطور که تو مثال بالا میبینید ، تو این متاتگ ، توضیح مختصری در رابطه با عملکرد سایتتون قرار میدید . بهتره تعداد کاراکتر در این متا حداقل ۱۵۰ و حداکثر ۲۰۰ کاراکتر در حالت فارسی انتخاب بشه .

Meta Tag keywords

باز هم همونطور که تو مثال بالا میبینید ، تواین متاتگ ، کلمات کلیدی سایتتون رو قرار میدید . بهتره تعداد کلماتی که تواین متاتگ به کار میبرید کمتر از ۱۲ کلمه باشه .

 Meta Tag news_keywords

 این متاتگ هم مثل متاتگ  keywords هست با این تفاوت که امروزه این متاتگ برای سایت های خبری استفاده میشه .

 Meta tag googlebot , Meta Tag robots

 Googlebot : موتورجستجوگر گوگل

Robots : تمامی موتورهای جستجوگر

Msnbot : موتورجستجوگر مایکروسافت

این متاتگ ها مقادیر زیر و به خودشون اختصاص دادن که میتونید فقط یک مقدار یا چند مقدار و بصورت همزمان استفاده کنید :

All : در صورت قرار دادن این مقدار ، مطالب در موتورهای جستجو هم index و هم دنبال میشوند . بودن و نبودن این مقدار فرقی نمیکنه ، اما در صورتی که از مقادیر مثبت دیگه استفاده نکردید ، این مقدار و لحاظ کنید بهتره .

index : در صورتی که index باشه ، صفحات سایت در موتور جستجوگر index میشه .

noindex : در صورتی که noindex باشه ، صفحات اجازه ی index شدن توسط موتور جستجوگر رو ندارند .

follow : با follow کردن صفحات ، موتور جستجوگر لینک های صفحه رو دنبال میکنه و در جستجوها نمایش میده .

nofollow : با nofollow کردن صفحات ، موتور جستجوگر اجازه ی بررسی کردن و دنبال کردن لینک های صفحات رو نداره .

None : یعنی صفحات توسط موتورهای جستجوگر نه index و نه دنبال شوند . این مقدار برابره با noindex,nofollow

Nosnippet : اگر این مقدار رو انتخاب کنید ، snippet یا توضیحات مطلبتون ، در نتایج جستجو دیده نمیشه و فقط عنوان مطلب در نتایج جستجو دیده میشه . (این مقدار توصیه نمیشه ، چون مشاهده چکیده ی مطلب و تصویر screenshot مطلب تاثیر بسیار زیادی تو انتخاب کاربر برای مطالعه مطلب داره )

 noodp/noydir: به موتور جستجو اجازه نمیده که snippet یا چکیده ی مطلبتون رو از “Open Directory Project”  یا “Yahoo! Directory” دریافت کنه  و در لیست نتایج جستجو نمایش بده. فرق این دو تا با هم در اینه که NOYDIR برای دایرکتوری یاهو هست و NOODP برای دایرکتوری گوگل یا همون DMOZ  که MSN هم از همین تگ بهره می بره.

Noarchive : نسخه کش شده این صفحه نباید در موتورهای جستجوگر نمایش داده شوند .

archive : نسخه کش شده این صفحه میتونند در موتورهای جستجوگر نمایش داده شوند .

Noimageindex : اگر این مقدار و انتخاب کنید تصاویر صفحه توسط موتور جستجوگر index نمیشه و در نتایج جستجو دیده نمیشه .

 خوب با تمامی مقادیر این متاتگ آشنا شدید ، پیشنهاد من برای استفاده از این متاتگ به شکل زیره :

 Meta Tag alexaVerifyID

پس از اینکه سایتتون رو راه اندازی کردید ، در سایت alexa عضو شوید و سایتتون رو ثبت کنید و این کد رو دریافت کنید و در قسمت content قرار بدید . به رنک alexaی سایتتون کمک می کنه .

Meta Tag msvalidate

 پس از اینکه سایتتون رو راه اندازی کردید ، در سایت مایکروسافت عضو شوید و سایتتون رو ثبت کنید و این کد رو دریافت کنید و در قسمت content قرار بدید .

Meta Tag google-site-verification

پس از اینکه سایتتون رو راه اندازی کردید ، در google webmaster عضو شوید و سایتتون رو ثبت کنید و این کد رو دریافت کنید و در قسمت content قرار بدید . به رنک گوگل سایتتون کمک می کنه .

  Meta tag copyright

 این متاتگ کپی رایت سایت رو مشخص میکنه .

Meta tag revisit-after

 این متا تگ برای زمان دهی به spider موتورهای جستجو به کار می ره اما چون در اکثر موتورها پشتیبانی نمیشه ، معمولا استفاده نمیشه.

Meta Tag expires

 اگر برای صفحه ی وبتون تاریخ انقضایی در نظر دارید با این متاتگ میتونید تاریخ انقضارو مشخص کنید .

Meta Tag generator

با این متاتگ تولیدکننده سایتتون رو معرفی می کنید مثلا Dreamweaver یا WordPress یا Joomla یا frongpage

 Meta Tag language

 با استفاده از این متاتگ ، زبان سایتتون رو معرفی می کنید .

Meta Tag content-language

 نوع زبان سایتتون رو معرفی می کنید . این متاتگ در دسته بندی در نتایج موتورهای جستجو در یک زبان خاص نیز تاثیر داره.

Meta Tag rating

 با این متاتگ شما رتبه و سطح سایتتون رو به موتورهای جستجو معرفی می کنید ، این متاتگ ۵ مقدار میگیره :

  • General : ویژه ی عموم
  • Mature : ویژه ی افراد بالغ
  • Restricted : دسترسی محدود
  • ۱۴ years : افراد ۱۴ ساله
  • safe for kids : امن برای کودکان

  Meta Tag cache-control

 این متاتگ برای عدم ذخیره ی صفحه در کش مرورگر می باشد . سایت هایی که مداوم بروزرسانی دارند از این متاتگ استفاده می کنند .

Meta Tag author

 این متاتگ نویسنده ی وب رو مشخص میکنه .

Meta Tag reply-to

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

Meta tag refresh

با استفاده از این متاتگ شما میتونید تعیین کنید که ، بازدیدکننده بعد از چند ثانیه به چه آدرسی منتقل بشه . مثلا در مثال بالا بازدیدکننده بعد از ۳۰ ثانیه به آدرس iranweblearn.com منتقل میشه .

  Meta tag canonical

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

نحوه استفاده از متاتگ canonical :

برای مثال ، دو آدرس زیر و در نظر بگیرید که حاوی مطالب یکسانی هستند:

 http://example.com/news.php?cat=persiannews

http://example.com/news.php?cat=persiannews&sort=date

خوب این صفحات یک محتوا رو نمایش میدن ، هر دو لیست اخبار فارسی رو نمایش میدن ، در صفحه ی دوم لیست همون اخبار و به ترتیب تاریخ نمایش میده . لینک اول صفحه اصلی محسوب میشه . حالا با استفاده از متاتگ canonical صفحه اصلی رو بدون رتبه ی منفی ایندکس می کنیم . برای اینکار باید متاتگ زیر رو تو عنصر <head> صفحه ی تکراری قرار بدیم :

  • همواره چک کنید که نسخه صفحه ای که به صورت کنونیکال به آن لینک داده اید وجود دارد و شامل خطای ۴۰۴ نمی شود.
  • همواره چک کنید که نسخه صفحه ای که به صورت کنونیکال به آن لینک داده اید وجود دارد و شامل صفحاتی که دسترسی به آن را توسط موتور جستجو در فایل robots.txt محدود کرده اید نمی باشد.

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

خوب این جلسه هم به اتمام رسید . امیدوارم مفید واقع شده باشه .

تهیه شده در مدرسه مجازی ایرانیان

<<

>>

اگر این آموزش برای شما مفید بود با دوستان خود به اشتراک بگذارید



سفارش تبلیغات

گردآوری و تالیف : میترا رحیمی

بنیانگذار و نوسنده در مدرسه مجازی ایرانیان و سردبیر ماهنامه طراحی وب همچنین مدرس و مسلط به برنامه نویسی سمت سرور با PHP MVC و برنامه نویسی سمت کلاینت با html 5 , css3 , jquery , مبانی سئو و سیستم مدیریت محتوای وردپرس

خوراک خوشمزه و علمی روزانه
با وارد کردن ایمیلتون در فیلد روبرو آموزش های جذاب و vip دریافت نمایید

آموزش های مرتبط با این مطلب

دیدگاه های مخاطبین

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

  • علي

    سلام
    بسیار لذت بردم و استفاده کردم
    یه آموزش واقعی و جامع و از نظر جامعیت و توضیحات اختصاصی بود
    دستتون درد نکنه

  • سی

    سلام، قبلا یه قسمت برای دانلود آموزش این قسمت قرار میدادید ولی دیگه حذف شده؟؟؟

    • میترا رحیمی

      سلام دوست عزیز
      خیر، این قسمت فایل آموزشی نداشته که بذاریم.
      موفق باشید

  • علیرضا کریمی نژاد

    مطمئنا مفید واقع شده
    من که از این آموزش لذت کافی بردم
    جامع بود

وبلاگ مدرسه

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

مدرسین مدرسه

  • حسین همت یار

    حسین همت یار

    مدرس ، طراح رابط کاربری وب و موبایل با 8 سال سابقه ی فعالیت حرفه ای

سوابق کامل

آخرین پرسش و پاسخ ها

آخرین پرسش و پاسخ ها
شما هم سوالی دارید ؟