تخفیف ویژه

معرفی تگهای Meta و کاربرد آن

دسته بندی: آموزش
زمان مطالعه: 5 دقیقه
۲۷ شهریور ۱۳۸۷

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

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

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

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

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

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

تگ متاي توصيفي (Description meta Tags) :

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

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

تگ متاي كلمات كليدي (Keywords meta Tags) :

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

<META NAME="Keywords" CONTENT="واژه‌ها و كلمات كليدي ">

تگ هاي متاي 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 آشنا كنم و بعد آموزش فرونت پيج رو هم بدم .

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

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

چه امتیازی به این مقاله می دید؟
نویسنده لقمان آوند
بیش از 15 سال هست که برنامه نویسی می کنم و از بین همه زبون هایی که کار کردم جاوا، اسمبلی و php رو دوست دارم. دانشجوی دکترای نرم افزارم و توی دانشگاه روی پردازش بیگ دیتا و پردازش موازی کار کردم و عاشق چالش از هر نوعیش هستم! سون لرن مثل بچه منه که 12 سال براش وقت گذاشتم، اینجا همه تلاش می کنیم از شروع یادگیری تا ورود به بازر کار حوزه برنامه نویسی و IT همراهتون باشیم.

نظرات کاربران

امیر تی ام

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

لقمان آوند

حداکثر 15 کلمه کافیه ، اونا رو با کاما (انگلیسی : , ) از هم جدا کن .

عيسي

سلام
اميدوارم مثل دانشتون در امر فضاي مجازي در فضاي حقيقي نيز موفق باشيد.
باتشكر

لقمان آوند

متشکرم ، موفق باشید .

شلم شوربا

ممنون از مطالب خوبتون و خسته نباشید به مدیر سایت

محمد رضا

خیلی ممنون استفاده کردم

punisherhadi

سلام…من یه مشتری تقریبا قدیمی وبتون هستم 😳
یه سوال :
تو تگ meta keyword فرقی نداره چندتا کلمه کلیدی وب رو قرار بدیم؟؟؟ مثلا اگه تعدادش بیشتر از 5 تا 6 تا بشه تاثیرش رو موتورهای جستجو گر پایین نمیاد؟؟؟؟؟؟ یا برعکس اگه یدونه باشه بیشترین تاثیر رو داره ؟؟؟؟؟ ❗ ❓

لقمان آوند

سلام
اول بگم که الان دیگه موتورهای جستجو به کیورد های تگ متا اهمیت آنچنانی نمیدن . ولی خوب اگر می خواید بزارید تعدادشون زیاد نباشه . حد اکثر 10 کیورد 1 یا دو کلمه ای .

punisherhadi

آهان … مرسی 😳

سارا

سلام
چرا به جای حروف فارسی علامت سوال ظاهر میشه؟
با تشکر

لقمان آوند

سلام
فایل رو با کدینک utf-8 ذخیره کنید .

asnso

vaghean az tozihateton mamnonam 😳

Sina4everafter

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

محمد صادق احتشامی

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

پسر اسلام

سلام
خیلی ممنون
آموزش هاتون خیلی مفید بوده برام.

لقمان آوند

سلام
خواهش میکنم .
موفق باشید …

عبدالله

الهی زنده باشید جناب آوند. مختصر و مفید و روان بود.

حيدري

ممنونم مطالبتون خيلي كمكم كرد

armin

سلام خیلی ممنون از توضیحات عالیتون
میشه بگید این تگ برای چیه؟
<meta name="copyright" content=
خیلی ممنون

لقمان آوند

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

ارسال دیدگاه
خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :