ARiyou Jahan
ARiyou Jahan
خواندن ۳ دقیقه·۵ سال پیش

4 - Meta Tags & Search Engines

به نام ایزد دانا

در این پست آموزشی در مورد Meta Tag ها و کمکی ده اونها به مطرح شدن ما در موتور های جست و جو میکنن صحبت خواهیم کرد.

این که اصلا چی هستن و چه کمکی می تونن به ما بکنن.

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

اگر سوال یا ه حرفی دارید میتونید به ایمیل من به آدرس ARiyou.public@gmail.com و یا در شبکه های اجتماعی با شناسه (ID | User name) زیر منو پیدا کنید

Telegram, Twitter, Facebook & ... By : @ARiyou2000

با تشکر از همه شما دوستان، آریو جهان

دیگه بریم سر اصل مطلب



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

متاتگ (Meta Tag) بر خلاف تگ های معمولی (که در قسمت body نوشته می شوند) در قسمت head صفحه قرار می گیرند.

Example

Describe metadata within an HTML document:

<head>
    <meta charset=&quotUTF-8&quot>
    <meta name=&quotdescription&quot content=&quotFree Web tutorials&quot>
    <meta name=&quotkeywords&quot content=&quotHTML,CSS,XML,JavaScript&quot>
    <meta name=&quotauthor&quot content=&quotJohn Doe&quot>
    <meta name=&quotviewport&quot content=&quotwidth=device-width, initial-scale=1.0&quot>
</head>


راستی بیایید با هم یه سری هم به مرجع اصلی مون یعنی W3Schools بزنیم.

طبق تعریف این مرجع :

Metadata is data (information) about data. متاتگ داده (اطلاعاتی) است در مورد یک داده دیگر

پس مرجع ما میگه کار متاتگ ها اینه که اطلاعاتی در مورد یک داده (مثل کاراکترست استفاده شده در اون صفحه یا مثل کلمات کلیدی استفاده شده در اون صفحه) بده. (اما به کی؟)

اما این اطلاعات رو به کی بده؟ خب جواب این سوال در ساختار متاتگ ها مشخصه؛ اون ها برای نمایش به کاربر ساخته نشدن پس اطلاعات رو به کاربر نمیدن بلکه به ماشین (اعم از مرورگر،موتور جست و جو، ربات و...) میدن که برای اونها مفید و قابل درکه (مثلا این که صفحه رو چطور لود کنن یا وقتی کسی تو گوگل سرچ کرد به ازای چه کلماتی صفحه شما هم در نتایج نمایش داده شه یا اینکه چطور صفحه نمایش داده شه).

بیایید مثالی از تغییر نحوه نمایش رو باهم ببینیم:

بدون نوشتن متاتگ <viewprt> :


با نوشتن متاتگ <viewprt> :


باز طبق مرجع داریم:

The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable.

تگ <meta> در واقع متادیتا(فرا داده) هایی رو در مورد صفحه ما فراهم می کنه. و همون طور که قبل تر گفتم برای ماشین قابل درک هست و نمایش داده نمیشن.

نکته: متاتگ ها همیشه یک جفتِ name/value برای ما پاس میکنن (اگه با این مفهوم هیچ آشنایی ندارید نگران نباشید چون در پست های آینده در نموردش توضیح میدم).


سپاس که تا اینجاش رو همراه من بودید.

یادتون باشه که اینترنت بهترین دوست شماست و قطعا می تونید مطالب بهتری رو توش پیدا کنید.

این پست رو من به زبون خودم نوشتم و سعی کردم مطالبی که بیشتر وبلاگ ها و سایت ها نادیده میگیرن رو اضافه کنم. اگه خواستید اطلاعات بیشتری در مورد متاتگ های معروف بدست بیارید پیشنهاد من به شما سایت webgoo هست.


راستی یادتون باشه من از پست هایی که میزارم 10 خطش رو مجبورم و بقیش رو واسه دل خودم مینویسم. پس واقعا امیدوارم سرتون درد نیومده باشه و لذت برده باشید.

نظراتتون بینهایت دلگرم کنندست. انتقاداتتون هم در درجه اول باعث بهبود شخصیت اجتماعیم و بعدش کارم و نوشته هام میشه، پس بازم بینهایت ممنونم.

مثل همیشه نظراتونو می‌خونم و جواب می‌دم و اگه از نوشته‌هام خوشتون اومد او قلب تو خالیه‌ رو قرمز کنین برام و دنبالم کنید تا انگیزه داشته باشم بنویسم❤️

پیروز باشید.

بدرود.

ARiyou Jahan ‏12/02‏/2019‏ 9:06 ب.ظ

متاتگmeta taghtmlmeta
شاید از این پست‌ها خوشتان بیاید