تبلیغات
بهترین و کمیاب ترین ابزار های وبلاگ نویسی - معرفی تگهای Meta و کاربرد آن









 

:: در ادامه ی بحث آموزش Html امروز تگ های Meta رو براتون آموزش میدم .

تگ های Meta بسیار فراوانند که ما در اینجا فقط به معرفی چند تا از اون ها که پرکاربرد هستند و شما به اون ها نیاز دارید می پردازیم :

جایگاه تگ Meta   انواع تگ های Meta  تگ متای توصیفی (Description meta Tags)  
تگ متای کلمات کلیدی (Keywords meta Tags)  تگ های متای HTTP-EQUIV
درج مطالب فوق در ادامه مطلب
نویسنده:علی م

:: در ادامه ی بحث آموزش Html امروز تگ های Meta رو براتون آموزش میدم .

تگ های Meta بسیار فراوانند که ما در اینجا فقط به معرفی چند تا از اون ها که پرکاربرد هستند و شما به اون ها نیاز دارید می پردازیم :

● جایگاه تگ Meta :  تو درس قبلی یه اشاره به جایگاه تگ های Meta کردم . اگه درس ها رو دنبال کرده باشید من گفتم که تگ های Meta در بین تگهای Head قرار میگیرند. به شکل زیر :

<head>
<Meta --- >
<Meta --- >
<Meta --- >
<title>عنوان صفحه</title>
</head>

همونطور که در بالا می بینید تگهای Meta بعد از تگ <head> و قبل از تگ <head/> اومدن .اگر چند تا تگMeta به کار ببرید همشون در سطرهای زیر هم و در بین تگ های Head قرار میگیرن .

MAXTOOL.MIHANBLOG.COM

..

 :: انواع تگ های Meta : در اینجا من به سه نوع از تگ های Meta که بیشترین کاربرد رو دارن اشاره میکنم :

1x1.trans معرفی تگهای Meta و کاربرد آن تگ متای توصیفی (Description meta Tags) :

در این گونه تگ های Meta شما در مورد صفحه ی وب ، وبلاگ و یا سایتتون توصیفی رو قرار میدین . شاید بپرسید که این به چه دردی می خوره ؟ خوب باید بگم که موتور های جستجوگر نظیر Google و Yahoo به این تگ اهمیت میدن . یعنی هنگام جستجو کردن ، توصیف درون این تگ رو دریافت می کنن و در صورت مربوط بودن به کلمه ی جستجو شده اون صفحه رو در نتایج جستجو قرار میدن . این تگ و توصیفی که در اون می نویسید می تونه در افزایش آمار بازدیدتون خیلی مؤثر باشه . فقط باید توجه داشته باشید که توصیف بیش از حد در این تگ هیچ تاثیری در بالاتر بردن کارایی اون نداره . سعی کنید یه توصیف کوتاه و دقیق راجع به صفحه رو در اون بگذارید . این تگ به شکل زیره :

<META NAME="Description" CONTENT="توصیفی در مورد صفحه ">

MAXTOOL.MIHANBLOG.COM

1x1.trans معرفی تگهای Meta و کاربرد آن تگ متای کلمات کلیدی (Keywords meta Tags) :

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

<META NAME="Keywords" CONTENT="واژه ها و کلمات کلیدی ">

MAXTOOL.MIHANBLOG.COM

1x1.trans معرفی تگهای Meta و کاربرد آن تگ های متای HTTP-EQUIV :

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

<meta http-equiv="Content-Language" content="fa">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

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

حالا در آخر یه شکل از کد یه صفحه ی Html رو که این تگ های متا توش به کار رفته در زیر میارم تا با جایگاه و نحوه ی قرار گرفتن تگهای متا در کدهای یک صفحه بیشتر آشنا بشید . تگ های متا در یک صفحه ی Htmlفارسی به شکل زیر قرار میگیرن :

<html>
<head>
<Meta http-equiv="Content-Language" content="fa">
<Meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<Meta name="Description" content="توصیفی در مورد صفحه ">
<Meta name="Keywords" content="واژه ها و کلمات کلیدی ">

<title>عنوان صفحه</title>
</head>
<body>
قسمتی که نمایش داده می شود
</body>
</html>

:: ترتیب قرار گرفتنشون زیاد مهم نیست .

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

!!! از دوستان عزیزی که پستهای بنده یا هر کس دیگه ای رو تو وبسایتشون کپی می کنن تقاضا دارم که لینک منبع رو حتما ذکر کنن . عدم قرار دادن لینک منبع هم خیانت به نویسنده ی مطلب هست و هم اینکه وب نویس هارو برای ادامه ی کارشون بی انگیزه می کنه . 

موفق و سربلند باشید .

ذکر منبع نشانه شخصیت شماست!

MAXTOOL.MIHANBLOG.COM






طبقه بندی: آموزش وبلاگ نویسی و HTML(پیشرفته)،  ابزار وبلاگ نویسی، 
برچسب ها: تگ های متای HTTP-EQUIV، جایگاه تگ Meta، انواع تگ های Meta، تگ متای توصیفی (Description meta Tags)، تگ متای کلمات، کلیدی (Keywords meta Tags)، معرفی تگهای Meta و کاربرد آن،  


 تاریخ : جمعه 25 بهمن 1392

 ساعت:01:48 ب.ظ

  نویسنده : علی محمودآبادی



کلیه حقوق مادی و معنوی این سایت متعلق به گروه طراحی مکس تول می باشد و هرگونه کپی برداری از محتوای سایت ممنوع است.
Copyright © 2014 by  MAXTOOL - All Rights Reserved - design by MAX TOOL








جیمی نت جیمی نت