Найбільш популярні і потрібні html meta-теги для просування в мережі

Процес розкрутки сайту досить трудомісткий, але в той же час захоплюючий і цікавий процес. Складається він з безлічі кроків, які треба робити поступово і правильно.

Один з найважливіших етапів в просуванні сайту — це його оптимізація. А вона, в свою чергу, здійснюється з допомогою мета-даних, без них ні про який оптимізації сайту мови не може бути.

Де розміщуються html meta-теги

Сам сайт (або його окрема сторінка) має певну структуру. В найпростішому варіанті це:

• верхня частина, яка називається head (дослівно з англійської — голова, або ще одна назва —шапка);
• тіло (body).

Як можна побачити, назви говорять самі за себе. Власне, в голові сайту (сторінки) прописуються html meta-теги (практично всі вони не видно користувачеві, крім визначених, ці теги призначені для пошукових систем, і в них зазвичай знаходиться інформація, яка допомагає пошуковій машині визначити, про що ця сторінка або сайт), а в тілі — сам контент сторінки (це та інформація, яку видно користувачу).

наприклад: зараз ви читаєте цю статтю, ніяких тегів ви не бачите, крім назви статті (це теж тег), але вам видно тіло статті у вигляді тексту і картинок.

Основні мета-теги і їх опис

Існує безліч різних мета-тегів. Кожен з них призначений для опису певної інформації. Найбільш розповсюджені html meta-теги - це:

• тег «title»;

• тег «keywords»;

• тег «description».

Title по своїй суті — назва (знову-таки сайту або окремої його сторінки). Цей тег один з небагатьох, який важливий не тільки для оптимізації під роботів пошукових систем, але також для користувача, так як по назві можна визначити, чи потрібна нам та чи інша інформація чи ні. Для прикладу: ви шукаєте в пошуковій системі статтю про ниркових захворюваннях, звичайно ж, вам не потрібна стаття, яка називається "Відпочинок у Туреччині", так як це зовсім не та тема, і ви, ігноруючи сайт про відпочинок, будете шукати далі. Іншими словами title — це дуже потрібний тег, так як він несе в собі назву до матеріалу, з яким можна визначитися, чи потрібен цей матеріал користувачеві чи ні.

Більше:

Що означає смайл "мавпочка з закритими очима" і в яких ситуаціях його використовувати?

Інтернет відіграє величезну роль у нашому житті. За допомогою нього можна знайти практично будь-яку потрібну інформацію. У 21-му столітті ми навіть спілкування слабо уявляємо без підключення до Мережі. Мобільні оператори постійно нарікають на втрату ...

Як у "ВК" видалити сторінку через телефон? Поради, етапи

До недавнього часу, щоб назавжди видалити сторінку "ВК" потрібно було зробити запит в техпідтримку із зазначенням причини або вчинити дію, що суперечить політиці "ВКонтакте". Останній спосіб призводить до блокування профілю і подальшого видалення. Ал...

Наталія Ящук. Хто вона? Блогер, вайнер або телеведуча?

Користувачі інтернету напевно бачили смішні відеоролики, звані вайнами. У мережі їх на сьогодні тисячі. Роблять їх абсолютно різні люди, і сюжети теж різноманітні. Так ось, один з авторів таких роликів - неймовірна Наталія Ящук! Хто ж вона, ця усміхн...

Keywords є мета-тег, який відповідає за ключові слова. Ключові слова — це слова або словосполучення, які найбільш точно характеризують вміст на сайті або сторінці. На даний момент вони не мають такого значення, як, скажімо, років 10 тому, але все одно всі веб-майстри згодні, що вони потрібні.

Тег description є описом до матеріалу. Html-meta-тег дуже важливий для просування ресурсу і для пояснення користувачеві, про що піде мова в матеріалі. Для складання опису достатньо 1-2 речень. Головне в цих пропозиціях - розкрити суть статті або, наприклад, якщо це фільм, суть фільму. Description при пошуку за допомогою пошукових систем перебуває під назвою матеріалу. Якщо скласти неправильне опис, то пошукова система проігнорує його і створить свій опис, взявши шматки пропозицій з тіла статті.

Приклад коду сторінки, з розглянутими тегами

< html>
< head>
< meta name="keywords" content="Сюди вписуються ключові слова">
< meta name="description" content="Тут має бути опис">
< title>Тут розташовується назва статті чи матеріалу< /title>
< /head>
< body>Контент (матеріал), розташований на сторінці< /body>
< /html>
Треба зауважити, що немає різниці, який з мета-тегів буде йти вгорі або внизу, головне, щоб вони були.

Що таке html meta content

Цей атрибут не є визначеним тегом, як title або description. Його роль — присвоїти значення в певному тегу. Наприклад:

< meta name="description" content="Вася Пупкін, його історія та автобіографія">

У цьому прикладі, як можна побачити, використовується тег description. Але сам по собі він нічого не вартий без наступного атрибута content, який присвоює тегу description значення "Вася Пупкін, його історія та автобіографія". Саме завдяки content при пошуку інформації в інтернеті в описі під назвою буде стояти зазначений description.

Html meta content - свого роду ключовий становить будь-якого з мета-тегів, так як саме за допомогою нього присвоюється певне значення для будь-якого з атрибутів.

Але мета-дані можна присвоювати не використовуючи content, хоча професійний підхід в питаннях оптимізації його вимагає. Два приклади (як можна використовувати або не використовувати content):

1. З використанням < meta name="description" content="Вася Пупкін, його історія та автобіографія"> — це саме правильне использользование html meta content description.
2. <Description>Вася Пупкін, його історія та автобіографіяDescription>.

Додаткові мета-теги, які сприяють оптимізації ресурсу

Існує безліч мета-даних, які мають свої специфічні властивості (з допомогою них можна прописати автора матеріалу, індексувати сторінку пошуковою системою чи ні, частоту індексації та багато іншого). Наприклад, html meta refresh може оновлювати сторінку в браузері в заданому діапазоні часу (виставляється в секундах). Крім цього, цей мета-тег може завантажувати в автоматичному режимі (також з інтервалом, якщо потрібно) будь-який документ або іншу веб-сторінку.

В одній статті практично нереально описати все мета-теги, які зустрічаються у верстці веб-ресурсів (так як їх дуже багато). Особливу увагу заслуговує html meta charset, так як за допомогою нього прописується кодування сторінки (сайту). Якщо неправильно вказати цей параметр, то при відкритті текстової сторінки на ній буде відображатися незрозумілий набір символів.

Висновок

Звичайно, для повного розуміння всіх тегів потрібно вивчити мову html. Але для оптимізації сайту новачкові цілком достатньо буде основних мета-тегів. Навіть вони цілком можуть вивести ваш сайт в ТОП пошукової системи.