در ادامه ي بحث آموزش Html امروز تگ هاي Meta رو براتون آموزش ميدم .
تگ هاي Meta بسيار فراوانند كه ما در اينجا فقط به معرفي چند تا از اون ها كه پركاربرد هستند و شما به اون ها نياز داريد مي پردازيم :
جايگاه تگ Meta : تو درس قبلي يه اشاره به جايگاه تگ هاي Meta كردم . اگه درس ها رو دنبال كرده باشيد من گفتم كه تگ هاي Meta در بين تگهاي Head قرار ميگيرند. به شكل زير :
<head> <Meta ....> <Meta ....> <Meta ....> |
همونطور كه در بالا مي بينيد تگهاي Meta بعد از تگ <head> و قبل از تگ <head/> اومدن .اگر چند تا تگ Meta به كار ببريد همشون در سطرهاي زير هم و در بين تگ هاي Head قرار ميگيرن ...
انواع تگ هاي Meta : در اينجا من به سه نوع از تگ هاي Meta كه بيشترين كاربرد رو دارن اشاره ميكنم :
تگ متاي توصيفي (Description meta Tags) :
در اين گونه تگ هاي Meta شما در مورد صفحه ي وب ، وبلاگ و يا سايتتون توصيفي رو قرار ميدين . شايد بپرسيد كه اين به چه دردي مي خوره ؟ خوب بايد بگم كه موتور هاي جستجوگر نظير Google و Yahoo به اين تگ اهميت ميدن . يعني هنگام جستجو كردن ، توصيف درون اين تگ رو دريافت مي كنن و در صورت مربوط بودن به كلمه ي جستجو شده اون صفحه رو در نتايج جستجو قرار ميدن . اين تگ و توصيفي كه در اون مي نويسيد مي تونه در افزايش آمار بازديدتون خيلي مؤثر باشه . فقط بايد توجه داشته باشيد كه توصيف بيش از حد در اين تگ هيچ تاثيري در بالاتر بردن كارايي اون نداره . سعي كنيد يه توصيف كوتاه و دقيق راجع به صفحه رو در اون بگذاريد . اين تگ به شكل زيره :
تگ متاي كلمات كليدي (Keywords meta Tags) :
اين تگ كه كاربردي شبيه به تگ قبلي داره براي اينه كه شما در اون كلمات كليدي مربوط به صفحه ي وب خودتون رو وارد كنيد . اين تگ هم به شناسايي موضوع صفحه توسط موتورهاي جستجوگر كمك مي كنه . در اين تگ بايد از كليدي ترين واژه هاي مرتبط با موضوع صفحه استفاده بشه . مثلا اگر وبلاگ يا سايت شما در مورد دانلود برنامه هست مي تونيد از واژه هايي مثل " دانلود ، دانلود برنامه هاي روز ، دانلود برنامه به همراه كرك و ..." استفاده كنيد . يا اگه در مورد موزيك مطلب مي نويسيد مي تونيد از كلمات " دانلود موزيك ، آهنگ و موسيقي ، جديدترين آلبوم ها و ..." استفاده كنيد . اين تگ هم به صورت زيره :
تگ هاي متاي HTTP-EQUIV :
اين تگ ها از پركاربرد ترين تگ هاي Meta هستند . اهميت اين تگ ها براي سايت هاي فارسي و كلا جاهايي كه متن فارسي درون صفحه وجود داره خيلي زياده . چون اين تگ هاي متا به مرورگر مي فهمونن كه اين يك صفحه به زبان فارسي هست و مرورگر اونو درست نمايش ميده . شايد بعضي جاها ديده باشيد كه متن هاي فارسي به صورت خرچنگ قورباغه نمايش داده ميشن . دليلش اينه كه از اين تگهاي متا در صفحه استفاده نشده . دو تا از اين تگ هاي مهم به شكل زيرن :
اولي براي اينه كه مرور گر زبان صفحه رو فارسي تشخيص بده . البته اين تگ براي زبانهاي مختلف كاربرد داره و من اينجا فقط فارسيشو گذاشتم . دومي هم نوع نمايش متون رو تعيين مي كنه كه اينجا به صورت UTF-8 هست كه براي زبان فارسي مناسب ترينه .
اين تگهاي متا كه من معرفي كردم مهمترين و پركاربردترين اونها بودن . تعداد تگ هاي متا خيلي زيادن كه من فعلا به معرفي همين ها بسنده كردم .
حالا در آخر يه شكل از كد يه صفحه ي Html رو كه اين تگ هاي متا توش به كار رفته در زير ميارم تا با جايگاه و نحوه ي قرار گرفتن تگهاي متا در كدهاي يك صفحه بيشتر آشنا بشيد . تگ هاي متا در يك صفحه ي Html فارسي به شكل زير قرار ميگيرن :
<html> <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="واژه ها و كلمات كليدي "> |
:: ترتيب قرار گرفتنشون زياد مهم نيست