Многих интересует, как правильно писать теги. Граффити, изображения, аудио, видео — все это помечается тегами для упрощенного поиска по темам.
Правильно ли мы понимаем значение этого слова и действительно ли тег нужен только как указатель при поиске информации?
Что такое теги
Слово «тег» относится к разряду омонимов — слов, которые пишутся и произносятся одинаково, но имеют несколько отличающихся друг от друга значений.
Язык его происхождения — английский, с которого tag переводится как «бирка, этикетка», а глагол to tag известен британцам в значении «метить, помечать».
Исходя из этого, теги дают возможность поставить какую-то отметку, что-то обозначить. В частности, теги очень популярны в сфере информационных технологий, веб-дизайна, цифрового бизнеса.
Сегодня мы будет говорить о том, как писать теги для Интернета, а именно для социальных сетей и при создании сайтов.
Использование тегов в социальных сетях
Почти каждому представителю современной молодежи знакомо слово «хештег» — отметка, которая указывает на тематику размещенного фото, видео или текстового поста в социальной сети. Отличительные особенности хештега:
- Он начинается с символа «решетка» (Shift + 3 в английской раскладке клавиатуры).
- Если состоит из двух и более слов, то эти слова не должны прерываться. Обычно либо между ними не ставят пробелы (например: #мыходилигулять), либо ставят знаки препинания или символ «нижнее подчеркивание» в тех местах, где должны быть пробелы (например: #мы_ходили_гулять).
- Если кликнуть на активный хештег, поиск выдаст другие записи с таким же хештегом. Именно поэтому хештеги часто применяются для упрощения поиска по паблику или по теме поста.
Использование тегов при размещении видеозаписей на Youtube
Для видеохостинга «Ютуб» наличие тегов невероятно важно. Дело в том, что этот сервис помогает видеоблогерам продвигать свои каналы совершенно бесплатно, если соблюдены следующие условия:
- Пользователь не нарушает правил «Ютуб» и норм действующего законодательства.
- Видео на канале пользователя действительно интересные и нравятся зрителям, о чем свидетельствует количество просмотров, комментариев, положительных оценок, количество подписчиков.
- Канал оформлен правильно: есть обложка, заполнена вся необходимая информация. Это позволяет понять, что блогер настроен серьезно.
- Видео размещено правильно: название исходного файла соответствует будущему названию видео, само название интригующее, а также указаны теги.
Теги заполняются после загрузки видео в специальном поле. Они позволяют пользователю «Ютуб» найти видео по теме. Система анализирует теги и название видео, затем выдает его по запросу в поисковой строке.
Как написать теги в «Яндекс.Дзен»
«Яндекс.Дзен» — платформа, позволяющая молодым авторам создать свой блог и найти читателей без финансовых вложений и рекламы. Однако для того, чтобы читатель нашел интересную ему статью, необходимо, чтобы «Яндекс» смог ее человеку показать. Поисковая система определяет тематику статей по названию и тегам, почти как в случае с видеозаписями на «Ютуб».
Как правильно писать теги в «Дзен»
Определитесь с темой статьи. Выделите ключевые слова — они и должны стать тегами.
Не старайтесь впихнуть как можно больше популярных слов в поле для тегов, если они не имеют отношения к вашей статье. Поисковая система все равно имеет грамотно настроенный алгоритм определения того, о чем статья.
О том, как писать теги с названиями, например, названиями компаний, организаций, блогов, очень мало материалов. Основное правило — использовать их не очень часто, поскольку это может оттолкнуть. Не сложно понять на практике, как правильно писать теги с названиями.
Использование тегов в HTML
Намного сложнее дело обстоит с использованием тегов в веб-дизайне, при создании сайтов. Структуру сайта пишут с помощью HTML — в переводе на русский эта аббревиатура означает «язык гипертекстовой разметки».
Не настолько сложно понять, как писать теги в HTML, выучить их — более трудная задача. Каждый тег отвечает за что-либо в структуре сайта.
Как писать теги в HTML
Каждый тег заключается в угловые скобки, в противном случае он тегом в HTML не считается, а потому будет выглядеть как просто текст. Как правильно: <title>, <b>. Как неправильно: title, b.
Каждый тег имеет какое-либо действие. В HTML абсолютно все пишется именно с помощью тегов, будь то шрифт текста или вставка изображения.
Есть парные теги, а есть непарные. Парные указывают на то, что действие определенного тега распространяется только на часть документа — ту, которая размещена между парными тегами. Тег, который указывает на конец фрагмента, пишется со слешем. Например, если нужно выделить текст жирным шрифтом: <b>текст, выделенный жирным шрифтом</b>. Если нужно вставить таблицу: <table>здесь идет таблица с колонками, ячейками и текстом в них</table>.
Непарные теги преимущественно связаны со вставкой какого-либо элемента, потому отсутствует необходимость указывать, на какой фрагмент документа распространяется их действие. К таким тегам относятся абзац, вставка изображения/видеозаписи/аудиозаписи, вставка символов маркированного списка и тому подобное. Например, чтобы вставить изображение, используется следующий тег: <img>, чтобы вставить абзац — <br>.
Помимо тегов существуют их атрибуты — своеобразные настройки тегов. Например, чтобы указать размер, цвет или тип шрифта, используется тег <font>, но этого недостаточно, так как машине непонятно, какой именно размер или тип шрифта имеется в виду. Потому нужно конкретизировать с помощью атрибутов size, color и face. Они пишутся в тех же угловых скобках после тега, и важно задать значение атрибутов. Например <font size=»+2″ color=»770077″ face =»Tahoma»>. Это означает, что размер шрифта будет увеличен на два пункта, цвет текста — фиолетовый, а используемый шрифт — Tahoma. Также можно выбирать только один атрибут. К слову, код цвета пишется по принципу RGB. Можно просто посмотреть код выбранного цвета в «Фотошопе».
Ошибка в коде называется ошибкой синтаксиса. Пропущенный символ, пропущенная или лишняя буква, опечатка — все это может повлиять на работу веб-страницы, а найти эту самую ошибку бывает очень трудно, особенно если код пишется в простом текстовом редакторе вроде «Блокнота». Выручают специальные программы для веб-разработчиков, которые подсвечивают места, где есть ошибки.
Зачем нужны мета-теги
Чаще всего человек приходит на какой-либо сайт через поисковые системы. Например, он искал «как вставить гиперссылку в HTML» и попал на страницу сайта, где об этом рассказывается. Не понравилась информация, или непонятно, или недостаточно — закрыл страницу и зашел на следующую.
Как правило, пользователь перейдет по тем ссылкам, которые занимают первые позиции в поисковой выдаче.
По этом причине владельцам сайтов выгодно, чтобы в топе был именно их сайт. На позицию сайта в поисковой выдаче влияет множество факторов, среди которых — правильно прописанные мета-теги.
Задача мета-тегов — дать пояснение о том, какую информацию содержит веб-страница или веб-сайт.
Задачи мета-тегов при отптимизации
Для оптимизации страницы под поисковые системы нужны теги <title> <description> <alt>:
- <title>Текст </title> — парный тег. В нем прописывается то, какая информация содержится на этой веб-странице. В <title> может повторяться то, что написано в заголовке Н1 и подзаголовках, а может и немного отличаться. Данные в теге <title> видны не на самой странице, в только в коде и во вкладке сайта.
- <description> — более подробное описание того, какая информация содержится. Достаточно примерно 150-200 символов (несколько предложений). Пользователь не видит то, что содержится в данном теге, эта информация нужна для индексации поисковыми системами.
- <alt> — у него задача похожа на задачу предыдущего тега, но разница в том, то он конкретизирует какой-либо конкретный элемент, например, поясняет, о чем изображение. Пользователю это описание может быть видно только при наведении курсора мышки на изображение, и то не всегда.
Как правильно писать мета-теги
Выделите список ключевых слов для вашего сайта или вашей веб-страницы. Это можно сделать с помощью автоматизированных программ или обратившись к специалисту по SEO. Последнее будет эффективнее, поскольку специалист анализирует ваш сайт, сайты конкурентов, смотрит актуальность поисковых запросов, а программа просто выдает наиболее часто запрашиваемые пользователями слова или фразы на конкретную тему. Возможно, что специалист пользуется такими программами, но далее он включает собственную голову и свой опыт, чтобы оценить результат.
На выходе у вас должно получиться семантическое ядро — подборка ключевых слов и фраз. Выберите в этой подборке один-три главных ключа.
Во всех мета-тегах нужно употребить минимум один-два главных ключевых слова. Например, если сайт о дрессировке собак, то фраза «дрессировка собак» должна быть как минимум в <title> и <description>.
Старайтесь не впихнуть все ключевые слова в одно предложение. Поисковые системы фильтруют сайты на предмет так называемого «переспама» — излишне частого употребления ключевых слов и фраз.
Если текст на веб-странице на русском языке или сайт в целом русскоязычный, описание в мета-тегах тоже должно быть на русском языке, чтобы поисковые системы правильно проиндексировали страницу. Такое же правило действует для любого другого языка. Обратите внимание: если пользователь ищет информацию на английском языке, и его поисковой запрос включает только английские слова и словосочетания, то ему система не выдает сайты на русском или китайском.