• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید دوره های آموزشی سون لرن از جامع ترین و کاربردی ترین آموزش های موجود در سطح وب فارسی است!

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

34987 ۲۷ شهریور ۸۷

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

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

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

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 29 دیدگاه برای این مطلب ارسال شده است. نظردهی برای این مطلب بسته شده است .

  • ‏‏
    پسر اسلام(۲۰ اسفند ۱۳۹۰)

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

  • ‏‏
    محمد صادق احتشامی(۳ مهر ۱۳۹۱)

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

  • ‏‏
    Sina4everafter(۱۶ مهر ۱۳۹۱)

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

  • ‏‏

    vaghean az tozihateton mamnonam 😳

  • ‏‏

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

    • ‏‏
      لقمان آوند(۲۸ مهر ۱۳۹۱)

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

  • ‏‏
    punisherhadi(۱۶ آبان ۱۳۹۱)

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

    • ‏‏
      لقمان آوند(۱۷ آبان ۱۳۹۱)

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

  • ‏‏
    محمد رضا(۸ آذر ۱۳۹۱)

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

  • ‏‏
    شلم شوربا(۱۹ دی ۱۳۹۱)

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

  • ‏‏

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

  • ‏‏
    امیر تی ام(۳۱ فروردین ۱۳۹۲)

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

    • ‏‏
      لقمان آوند(۱ اردیبهشت ۱۳۹۲)

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

  • ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

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

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram