View Full Version : آموزش: متاتگ چیست ؟
baran_mehr
چهارشنبه 07 مهر 1389, 23:23 عصر
متاتگ ها راهی برای شناساندن وب سایت شما به جهان خارج است . عنوان تگ هایی که برای صفحات سایت خود تعریف میکنید موتور های جستجوگر را در شناختن مطالب داخل سایت شما یاری میکند .
دو نوع اصلی متاتگ وجود دارد :
HTTP-EQUIV
این متاتگ باعث میشود که اطلاعات اضافی ای همراه صفحه وب درخواستی شما در http header به مرورگر ارسال شود . مثلا میتوانید تاریخ انقضای اطلاعات را تعیین کنید یا میتوانید صفحه وب را با یک متا تگ خاص پس از چند ثانیه به صفحه دیگری بفرستید بدون دخالت کاربر !
NAME
این نوع از متاتگ برای تعیین اطلاعات داخل صفحه وب استفاده میشود که باعث میشود صفحه وب شما با راحتی بیشتری برای موتورهای جستجوگر شناخته شود ... مثلا زبان این صفحه ، نام طراح ، کلمات کلیدی این صفحه و ...
متاتگ ها کجای صفحه وب نوشته میشوند ؟
متاتگ ها را باید داخل تگ head نوشت . در صفحه هایی که از چند فریم درست شده باید در تمام صفحات متاتگ را نوشت.
به مثال های زیر دقت کنید : content در متاتگ کارش معرفی مقداری هست که متاتگ با یکی از دو صفت name و HTTP-EQUIV در خود دارد .
<NAME="keywords" CONTENT=" persian macromediax dreamweaver">
تگ بالا را یه نگاه کنید . از نوع name است . مقدار name مساوی با keywords است . یعنی این متاتگ کارش شناساندن کلمات کلیدی سایت به موتور های جستجوگر است ... اگر میخواهید موتور های جستجو مانند گوگل سایت شما را بهتر بشناسند این تگ را به قالب سایت یا وبلاگ خود بیفزایید و در جلوی content کلمات کلیدی سایت خود را بنویسید .
<NAME="description" CONTENT=" persian web design center">
تگ بالا کارش افزودن توضیحات سایت شما به موتور های جستجوگر است . اگر این تگ را به وب سایت یا وبلاگ خود اضافه کنید از ماه آینده اگر کسی بصورت تصادفی در گوگل به سایت شما بر بخورد توضیحات داخل این متا تگ را بجای توضیحات میبیند . یعنی گوگل دقیقا از این متاتگ برای ذخیره اطلاعات درباره سایت شما استفاده میکند . پس بکاربردن این متا تگ ها خیلی مهمه !
<META HTTP-EQUIV="Expires" CONTENT="Tue, 04 Dec 1993 21:29:02 GMT">
تگ بالا تاریخ انقضای این صفحه وب را تعیین میکند . یعنی اگر کسی این صفحه وب را یکبار دیده باشد وقتی این زمان فرا برسد و او دوباره آدرس این سایت را در مرورگرش بزند این صفحه از داخل cache لود نمیشود بلکه از سرور دانلود میشود .
ترجمه: htmlhelp.com و html-reference.com
eshpilen
پنج شنبه 08 مهر 1389, 09:54 صبح
HTTP-EQUIV
این متاتگ باعث میشود که اطلاعات اضافی ای همراه صفحه وب درخواستی شما در http header به مرورگر ارسال شود . مثلا میتوانید تاریخ انقضای اطلاعات را تعیین کنید یا میتوانید صفحه وب را با یک متا تگ خاص پس از چند ثانیه به صفحه دیگری بفرستید بدون دخالت کاربر !
مطمئنی اطلاعات در هدر فرستاده میشه؟
من فکر کنم همینطوری فرستاده میشه اما معادل هدر بحساب میاد (البته در اولویت بعدی نسبت به هدرهای واقعی).
چون سرور که فایل رو میفرسته فکر نمیکنم متن HTML رو بخونه و تفسیر کنه و بر اساس اون هدری هم ارسال بکنه.
baran_mehr
پنج شنبه 08 مهر 1389, 14:59 عصر
وقتي شما يک صفحه وب رو از روي سرور خواست ميکنين، اين درخواست توسط پروتکل HTTP به سرور ارسال ميشه ، دو حالت وجود داره:
اول:صفحه استاتيک هست يعني فقط محتوايي داره که براي نمايش اون وجود Browser کافيه
در اين صورت مستقيما در کامپيوتر يوزر قابل نمايش هست مثلا HTML يا کد جاواسکريپت .
اينجا سرور تنها کاري که ميکنه اينه که به درخواست HTTP شما يک پاسخ ميده و اون هم اينکه تمام محتواي کد HTML رو براي Browser شما ميفرسته
دوم:
صفحه دايناميک هست و Browser نميتونه به تنهايي صفحه رو نمايش بده و نياز هست که سرور ايتدا اين صفحه رو تفسير کنه و تفسير شده اين صفحه که يک صفحه استاتيک خواهد بود رو براي Browser شما ارسال کنه .
baran_mehr
پنج شنبه 08 مهر 1389, 15:06 عصر
عمده کدهای head را css ها و meta tagها تشکیل میدهند.
متا تگ ها دستوراتی را در مورد صفحهات اینترنتی به موتورهای جستجو و کاربران ارائه می کنند که در صورت آگاهی از کاربرد و استفاده صحیح از آنها موقعیت وبلاگ و یا وبسایت در موتورهای جستجو مانند گوگل به شدت بهبود می یابد.
متاتگ GENERATOR
استفاده از این متاتگ اجباری نیست ولی وجودش باعث می شود تا صفحه شما حرفه ای تر و معتبر تر باشد. این تگ مشخص می کند که شما با قدرت چه سیستمی صفحه اینترنتی تان را اجرا کرده اید. نمونه کد:
<meta name="generator" content="نام و آدرس صفحه ارائه دهنده وبلاگ و یا نام و ورژن سیستم ارائه دهنده و یا نام زبان برنامه نویسی ">
متاتگ S-BOTS
با کمک این متاتگ به موتورهای جستجو دستور میدهید که:
_ صفحه مورد نظر را index کنند " index "
_ صفحه مورد نظر را index نکنند " noindex "
_ لینکهای موجود در صفحه را index کرده و از آنها پیروی کنند " follow "
_ لینکهای موجود در صفحه را index نکرده و از آنها پیروی نکنند " nofollow "
_ صفحه مورد نظر را به همراه لینکهای آن index کرده و از لینکها پیروی کنند " all "
<meta name="robots" content=" در این قسمت یکی از مقادیر قرمز رنگ بالا را با توجه به درخواستتان بنویسید">
<meta name="robots" content=" follow">
متاتگ DISTRIBUTION
این متاتگ دامنه استفاده وب سایت شما را مشخص میکند. به این معنا که مطالب و محتوای شما مخاطبان جهانی دارد و یا مختص به محدوده خاصی است.
_ اگر محتوای نوشته های وبسایت مخاطبان جهانی دارد از مقدار " global "
_ اگر محتوای نوشته های وبسایت مخاطب خاص دارد از مقدار " local "
<meta name="distribution" content="در این قسمت از یکی از مقادیر قرمز رنگ بالا استفاده کنید ">
متاتگ COPYRIGHT
استفاده از این متاتگ در صفحاتی که متون و یا تصاویری را در بر دارند که حق تولیدشان مربوط به مسئول وبسایت می باشد رایج است.
<meta name="copyright" content="نام شما و یا نام شرکت مربوطه | تاریخ">
متاتگ AUTHOR
این متاتگ، نویسنده وبسایت و یا وبلاگ را مشخص می کند.
<meta name="author" content=" نام نویسنده">
متاتگ LANGUAGE
این متاتگ زبان صفحات اینترنتی را مشخص می کند.
توضیح: برای زبان فارسی می توانید از یکی از دو اسم farsi و یا persian استفاده کنید و یا نام زبان مورد نظرتان را از این لیست انتخاب کنید: اسامی زبانهای مختلف دنیا
<meta http-equiv="language" content="نام زبان مربوطه را وارد کنید">
متاتگ CLASSIFICATION
با استفاده از این متاتگ موضوع وبسایت یا وبلاگ را مشخص می کنید. استفاده از این کد باعث می شود تا موتورهای جستجو وبسایت شما را در طبقه و مضوع اصلی اش به نمایش بگذارند.
<meta name="classification" content=" موضوع وبلاگ یا وبسایت">
متاتگ DOCUMENT EXPIRES
با استفاده از این متاتگ برای صفحه مورد نظرتان تاریخ مصرف تعیین می کنید و طبق تاریخی که شما تعیین کرده اید محتویات صفحه مورد نظر پنهان خواهد شد.
<meta http-equiv="expires" content=" تاریخی که برای انقضای مطالب در نظر دارید">
مثال:
<meta http-equiv="expires" content=" Sun, 09 Jan 2008 00:00:01 GMT">
متاتگ REFRESH
با استفاده از این تگ شما می توانید بینندگان سایت یا وبلاگ را به آدرس دیگری انتقال دهید. مدت زمانی را که طول می کشد تا انتقال صورت بگیرد هم بر حسب ثانیه قابل تنظیم است و عددی را که به جای حرف n در کد زیر وارد می کنید مشخص می کند که بعد از گذشت چند ثانیه بازدید کننده به صفحه مورد نظر منتقل شود. این کد Optional URL Redirect هم نامیده می شود.
<meta http-equiv="refresh" CONTENT="n;url=آدرس دقیق صفحه ای که بازدید کننده باید به آن منتقل شود">
متاتگ REPLY TO
این کد مشخصاتی از نویسنده در اختیار بازدید کنندگان قرار می دهد و به نوعی اطلاعات صفحه را تکمیل می کند تا در صورتی که کسی مایل بود نظری را برای نویسنده ارسال کند آدرسی از او داشته باشد.
<meta http-equiv="reply-to" content="you@yourweb.com (نام نویسنده)">
متاتگ KEYWORDS
این متاتگ یکی از اصلی ترین و رایج ترین متاتگهایی است که وجودش در یک صفحه اینترنتی به شدت لازم است. شما باید کلمات کلیدی را که مربوط به محتوای وبلاگ یا وبسایتتان می شود در این تگ بگنجانید تا موتورهای جستجو صفحات شما را بیابند. فراموش نکنید که نوشته های موجود در این تگ در صفحه اینترنتی نمایش داده نمی شوند و همین طور استفاده بیش از هزار کاراکتر در این تگ مجاز نیست.
<meta name="keywords" content="کلمات کلیدی ">
متاتگ Description
این متاتگ هم مانند متاتگ keywords بسیار لازم و ضروریست. در این کد شما می توانید توضیح مختصر و مفیدی را در مورد صفحه مورد نظر ارائه دهید. این توضیح باید گویای فعالیت و محتوای وبلاگ و یا وبسایت باشد بنابراین از نوشتن هر گونه جملات تبلیغاتی مانند: اولین سایت تفریحی، بزرگترین سایت هنری و یا سلطان بی رقیب دانلود ایران و موارد مشابه بپرهیزید.
<meta name="description" content=" توضیحات مربوط به محتوا و فعالیت وبسایت و یا وبلاگ">
eshpilen
پنج شنبه 08 مهر 1389, 17:05 عصر
وقتي شما يک صفحه وب رو از روي سرور خواست ميکنين، اين درخواست توسط پروتکل HTTP به سرور ارسال ميشه ، دو حالت وجود داره:
اول:صفحه استاتيک هست يعني فقط محتوايي داره که براي نمايش اون وجود Browser کافيه
در اين صورت مستقيما در کامپيوتر يوزر قابل نمايش هست مثلا HTML يا کد جاواسکريپت .
اينجا سرور تنها کاري که ميکنه اينه که به درخواست HTTP شما يک پاسخ ميده و اون هم اينکه تمام محتواي کد HTML رو براي Browser شما ميفرسته
دوم:
صفحه دايناميک هست و Browser نميتونه به تنهايي صفحه رو نمايش بده و نياز هست که سرور ايتدا اين صفحه رو تفسير کنه و تفسير شده اين صفحه که يک صفحه استاتيک خواهد بود رو براي Browser شما ارسال کنه .
اون جمله مشکل داره از نظر معنایی که میرسونه.
چون وقتی گفته میشه «در http header» اصلا داستانش با این سناریوها فرق میکنه.
حتی در یک صفحهء دینامیک، کدهای HTML معمولی که مستقیما نوشته شده بدون تفسیر و تغییر ارسال میشن. فقط بخشهایی که مثلا با زبانی مثل PHP یا کدهای سمت سرور خاصی نوشته شدن تفسیر و خروجی اونها جایگزین میشه.
baran_mehr
پنج شنبه 08 مهر 1389, 23:16 عصر
شما مشکل رو کدوم قسمت میدونید؟!
چون تو متن ذکر شده که اطلاعات اضافی ای همراه صفحه وب درخواستی به مرورگر ارسال میشن
توجه: تگ <meta> با خاصیت HTTP-EQUIV به شما این امکان را میدهد که اطلاعاتی را همراه با HTTP headers برای Server ارسال نمائید.
eshpilen
جمعه 09 مهر 1389, 12:30 عصر
شما مشکل رو کدوم قسمت میدونید؟!
چون تو متن ذکر شده که اطلاعات اضافی ای همراه صفحه وب درخواستی به مرورگر ارسال میشن
توجه: تگ <meta> با خاصیت HTTP-EQUIV به شما این امکان را میدهد که اطلاعاتی را همراه با HTTP headers برای Server ارسال نمائید.
کلا همون که گفته «در HTTP headers» منجر به نتیجه گیری اشتباه میشه (از دید یه آدم فنی). حتی استفاده از «همراه» هم گرچه خفیف تر، ولی اشکال مشابهی رو داره و بهتره جور دیگه ای بیان بشه.
البته این ریزبینی بنده احتمالا بخاطر این هست که قبلا کل پروتکل HTTP 1.1 رو مطالعه کردم (RFC مربوطه رو).
در پروتکل HTTP هدرها یه بخش کاملا جدایی از بدنهء سند هستن. بطور مثال موقعی که شما سند رو روی هارد خودتون سیو میکنید، هدرها ذخیره نمیشن، ولی محتویات متاتگ ها هم چون جزو بدنهء سند و کدهای HTML هستن ذخیره میشن.
از طرف دیگه هدرها بصورت دینامیک توسط زبانهای سمت سرور یا خود وب سرور تولید میشن، اما متن اسناد HTML استاتیک هست.
بهرحال مهم نیست. فقط خواستم مطلب کاملتر و دقیق تر بشه.
ضمنا بنظرم برای Server هم نه، بلکه برای Client!
baran_mehr
جمعه 09 مهر 1389, 13:08 عصر
کلا همون که گفته «در HTTP headers» منجر به نتیجه گیری اشتباه میشه (از دید یه آدم فنی).
منظور شما "در" هست؟
در پروتکل HTTP هدرها یه بخش کاملا جدایی از بدنهء سند هستن. بطور مثال موقعی که شما سند رو روی هارد خودتون سیو میکنید، هدرها ذخیره نمیشن، ولی محتویات متاتگ ها هم چون جزو بدنهء سند و کدهای HTML هستن ذخیره میشن.
در این باره باید عرض کنم که HTTP headers اطلاعاتی درباره هر سند هست که همراه با سند ارسال می شود . این اطلاعات در صفحه دیده نمیشه و قبل از محتویات HTML هر صفحه وب ارسال میشه
ضمنا بنظرم برای Server هم نه، بلکه برای Client!
خیر دوست عزیز برای سرور فرستاده میشود. درصورتی برای client فرستاده میشه که صفحه استاتیک باشه
binyaft
جمعه 09 مهر 1389, 13:29 عصر
سرور اصلا با زبان های html , css , js کار نداره و اونها رو به صورت دست نخورده میفرسته به سمت مرورگر
حالا متا رفرش ها و... چیز ها رو مرورگر اجرا میکنه نه سرور
baran_mehr
یک شنبه 11 مهر 1389, 15:26 عصر
سلام، عذر میخوام چند روزی غیبت داشتم برای رفتن به کلاسها
سرور اصلا با زبان های html , css , js کار نداره و اونها رو به صورت دست نخورده میفرسته به سمت مرورگر
دوست عزیز باید بگم که بهتر بود مطالب فوق رو ملاحظه میکردید چون در بالا به این نکته اشاره شده
حالا متا رفرش ها و... چیز ها رو مرورگر اجرا میکنه نه سرور
در این باره هم باید بگم بحث ما سر اجرا شدن در سرور یا مرورگر نیست!!! بحت ما در باره این نکته هست
توجه: تگ <meta> با خاصیت HTTP-EQUIV به شما این امکان را میدهد که اطلاعاتی را همراه با HTTP headers برای Server ارسال نمائید.
حالا شما بفرمایید که به سرور ارسال میشه یا خیر؟
binyaft
دوشنبه 12 مهر 1389, 15:41 عصر
توجه: تگ <meta> با خاصیت HTTP-EQUIV به شما این امکان را میدهد که اطلاعاتی را همراه با HTTP headers برای Server ارسال نمائید.
اصلا شما این نکته رو از کجا اوردید و نوشتید؟؟؟
منبعی هست برای این نوشته؟
baran_mehr
دوشنبه 12 مهر 1389, 16:02 عصر
تو اینترنت یه گشت ساده بزنید و کلمات مربوط به همین پست رو سرچ کنی کلی مطلب در این باره خواهید یافت.
یه پی دی اف هم تو همین سایت هست جستجو کنید و بخش نهمش رو مطالعه کنید.
موفق باشید.:تشویق:
vBulletin® v4.2.5, Copyright ©2000-1404, Jelsoft Enterprises Ltd.