loading...
آموزش وبلاگنویسی
مهیار یوسفیان بازدید : 70 شنبه 16 شهریور 1392 نظرات (0)

در ادامه ي بحث آموزش 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 به اين تگ اهميت ميدن . يعني هنگام جستجو كردن ، توصيف درون اين تگ رو دريافت مي كنن و در صورت مربوط بودن به كلمه ي جستجو شده اون صفحه رو در نتايج جستجو قرار ميدن . اين تگ و توصيفي كه در اون مي نويسيد مي تونه در افزايش آمار بازديدتون خيلي مؤثر باشه . فقط بايد توجه داشته باشيد كه توصيف بيش از حد در اين تگ هيچ تاثيري در بالاتر بردن كارايي اون نداره . سعي كنيد يه توصيف كوتاه و دقيق راجع به صفحه رو در اون بگذاريد . اين تگ به شكل زيره :

 

 

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

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

 

 

تگ هاي متاي HTTP-EQUIV :

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


 

اولي براي اينه كه مرور گر زبان صفحه رو فارسي تشخيص بده . البته اين تگ براي زبانهاي مختلف كاربرد داره و من اينجا فقط فارسيشو گذاشتم . دومي هم نوع نمايش متون رو تعيين مي كنه كه اينجا به صورت 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>

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

ارسال نظر برای این مطلب

کد امنیتی رفرش
اطلاعات کاربری
  • فراموشی رمز عبور؟
  • آرشیو
    بنر وب
      برای تبادل بنر در قسمت 

       feedback اطلاع دهید.

    آپلود , آپلود عكس , آپلود سنتر , آپلود فايل , آپلود دائمي,آپلود موزیک

    آمار سایت
  • کل مطالب : 215
  • کل نظرات : 2
  • افراد آنلاین : 1
  • تعداد اعضا : 3
  • آی پی امروز : 20
  • آی پی دیروز : 10
  • بازدید امروز : 130
  • باردید دیروز : 56
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 759
  • بازدید ماه : 970
  • بازدید سال : 2,403
  • بازدید کلی : 46,060
  • کدهای اختصاصی
  • کد نمایش افراد آنلاین
  • GOOGLE RANK

    Page Rank

    Page Rank