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

- visibility ٢٩ mode_comment

:: در ادامه ی بحث آموزش 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 آشنا کنم و بعد آموزش فرونت پیج رو هم بدم .

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

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

comment دیدگاه کاربران
پسر اسلام

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

لقمان آوند

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

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

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

Sina4everafter

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

asnso

vaghean az tozihateton mamnonam 😳

سارا

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

لقمان آوند

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

punisherhadi

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

لقمان آوند

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

punisherhadi

آهان … مرسی 😳

محمد رضا

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

شلم شوربا

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

عيسي

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

لقمان آوند

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

امیر تی ام

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

لقمان آوند

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

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2