campaign-Ghorban-to-Ghadir

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

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

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

متخصص فرانت اِند
طراحی وب را اصولی فرا بگیرید اگر تصمیمتو گرفتی که به صورت حرفه ای به طراحی UI مشغول بشی و کسب درآمد کنی دوره فرانت اند رو از دست نده، چون توی این دوره هر چیزی که برای رسیدن به هدفت نیاز داری رو در اختیارت قرار می دیم. متخصص فرانت اِند arrow_back
7Learn Experts
comment دیدگاه کاربران
عبدالله قرباني

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

اتابک

با سلام دوست عزیز خسته نباشی .
دستت درد نکنه بابت آموزش مطالب مفیدی که هر کسی نه بلده
اگر هم بلده نمی تونه مثل شما به این نرمی یاد بده .
من از کدنویسی می شه گفت تقریبا” ترجمه کردن رو کامل متوجه
میشوم اما این به خداطر دیدن هروز این متن ها در چند بلاگی که
داشتم موثر شده بود . علاقه زیادی هم به نوشتن قالب دارم تنها
مشکلم اینست که این کدنویسی در چه برنامه هائی باید انجام شود؟
و اگر به طور مثال قالب یک صفحه را نوشتیم چگونه آنرا برای قرار دادن
در بلاگ آماده کنیم ؟ منظورم اینست که چه سایت هائی برای این
مدل امور سرویس دهی دارن ؟ با تشکر

maryam

salam,sitetun vaghean jalebe, dastetun dard nakone .
mishe be man begin chetori mishe ozve site besham ya inke mitunam emaile shoma ro dashte basham? lotfan behem emailam javab bedin
merci

اویسی

با سلام
از سایت بسیار پر بار و تدریس شیوا و روانتان بسیار سپاسگذارم

saleh

من یک وبلاگ در بلاگفا دارم ، میخوام زیر هر مطلبی که مینویسم برچسبهای مورد نظرم هم اضافه کنم. چطوری این کارو کنم ، منظورم Tag های پایین هر نوشته هست.

ashkan

سلام
من استفاده از تگ ها رو فهمیدم چجوری هستش اما با این کد ها که گفتین بازم وقتی مثلا
سلام رو مینویسم بازم بجای فارسی علامت سوال میزنه و error کد صحیح رو میده.چه کار باید بکنم؟

marzieh

خیلی ممنون.مفید بود.

armin

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

لقمان آوند

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

حيدري

ممنونم مطالبتون خیلی کمکم کرد

عبدالله

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

پسر اسلام

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

لقمان آوند

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

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

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

Sina4everafter

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

asnso

vaghean az tozihateton mamnonam 😳

سارا

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

لقمان آوند

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

punisherhadi

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

لقمان آوند

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

punisherhadi

آهان … مرسی 😳

محمد رضا

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

شلم شوربا

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

عيسي

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

لقمان آوند

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

امیر تی ام

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

لقمان آوند

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

add_circle ارسال دیدگاه

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