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

Дата:

2018-07-17 16:30:11

Перегляди:

545

Рейтинг:

1Дизлайк 0Любити

Поділитися:

Table of contents:

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

html meta

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

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

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

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

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

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

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

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

  • тег «title»;

  • тег «keywords»;

  • тег «description».

html meta content

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

Більше:

Що означає смайл

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

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

Як у

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

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

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

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

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

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

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

html meta refresh

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

< 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 meta charset, так як за допомогою нього прописується кодування сторінки (сайту). Якщо неправильно вказати цей параметр, то при відкритті текстової сторінки на ній буде відображатися незрозумілий набір символів.

Висновок

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


Article in other languages:

AR: https://tostpost.com/ar/internet/2143-html.html

BE: https://tostpost.com/be/nternet/3763-samyya-papulyarnyya-patrebnyya-html-meta-teg-dlya-praso-vannya-setk.html

DE: https://tostpost.com/de/internet/3761-die-beliebtesten-und-das-gew-nschte-html-meta-tags-f-r-die-f-rderung-i.html

En: https://tostpost.com/internet/9077-the-most-popular-and-necessary-html-meta-tags-for-promotion-on-the-web.html

ES: https://tostpost.com/es/internet/3766-los-m-s-populares-y-los-html-etiquetas-meta-para-la-promoci-n-en-la-re.html

HI: https://tostpost.com/hi/internet/2143-html.html

JA: https://tostpost.com/ja/internet/2142-html.html

KK: https://tostpost.com/kk/internet/3764-e-tanymal-zh-ne-azhett-html-meta-tegter-zhylzhytu-sh-n-zhel-s-nde.html

PL: https://tostpost.com/pl/dost-p-do-internetu/3767-najbardziej-popularne-i-dan-html-meta-tagi-dla-pozycjonowania-w-sieci.html

PT: https://tostpost.com/pt/servi-os-de-internet/3764-as-mais-populares-e-as-html-meta-tags-para-a-promo-o-na-rede.html

TR: https://tostpost.com/tr/nternet/3769-en-pop-ler-ve-istedi-iniz-html-meta-etiketleri-tan-tmak-i-in-a.html

ZH: https://tostpost.com/zh/internet/2313-html.html






Alin Trodden - автор статті, редактор
"Привіт, Я Алін Тродден. Я пишу тексти, читаю книги і шукаю враження. І я непогано вмію розповідати вам про це. Я завжди радий брати участь у цікавих проектах."

Примітка (0)

Ця стаття не має коментарів, будьте першим!

Додати коментар

Новини

Що таке WWW: історія створення Всесвітньої мережі

Що таке WWW: історія створення Всесвітньої мережі

Що таке WWW? Це питання мучить багатьох людей, які не так давно отримали доступ в інтернет. Але якщо подумати, то далеко не всякий досвідчений користувач комп'ютера зможе точно і повно на це відповісти. Так що ж за три містичні бу...

Як викладати історію в

Як викладати історію в "Instagram"? Як користуватися Instagram Stories?

Практично всі власники смартфонів користуються додатком Instagram. Використовувати його легко і приємно, можна подивитися фото і відео, додавати коментарі і ставити лайки. Не так давно в цій соціальній мережі з'явилася нова функці...

Промокоди – крок до економії

Промокоди – крок до економії

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

Як змінити колір фону на сайті?

Як змінити колір фону на сайті?

Ви можете повністю налаштувати на свій блог або сайт дуже легко. У цій статті розповідається, як просто змінити шрифт у заголовку та фонове зображення сторінки.Блогери та власники сайтів зазвичай змінюють фон, щоб зробити свій рес...

Яким чином

Яким чином "Яндекс" стежить за операціями користувачів? Способи шпигунства "Яндекса"

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

Що дав нам

Що дав нам "Ютуб"? Що таке теги на "Ютубі"? Їх функції та завдання

Хто не знає про популярному в світі відеохостингу Youtube? Це найбільша платформа з розміщення відео, на якій можна знайти записи чого завгодно — починаючи з випусків новин і закінчуючи роликами з експериментами від яких-неб...