Как добавить тег на сайт
Оптимизируйте свои подборки Сохраняйте и классифицируйте контент в соответствии со своими настройками.
Тег Google и Google Менеджер тегов предполагают разные способы добавления и изменения тегов на сайте. Если вы не знаете, какой из них выбрать, прочитайте статью Менеджер тегов и тег Google (gtag.js).
Ниже рассказывается, как добавить каждый из тегов на сайт. Использовать оба не требуется: достаточно лишь одного.
Тег Google Менеджер тегов
Отправить отзыв
Если не указано иное, контент на этой странице предоставляется по лицензии Creative Commons «С указанием авторства 4.0», а примеры кода – по лицензии Apache 2.0. Подробнее об этом написано в правилах сайта. Java – это зарегистрированный товарный знак корпорации Oracle и ее аффилированных лиц.
Последнее обновление: 2023-02-15 UTC.
Как добавить теги на сайт
05.10.2023 11:53
Комментарий
Не совсем понятно слово — Сохранить — А где и что нажимать чтобы сохранить изменения в Коде страницы. Не понятно?
Ответ разработчика:
Здравствуйте!
Для сохранения изменений кода после редактирования файла нажмите кнопку «Сохранить» в верхнем правом углу поля:
Также можно сохранить изменения с помощью горячих клавиш Ctrl+S.
Спасибо за обратную связь, обновили в статье скриншот с редактированием и сохранением файла.
Как правильно составлять мета-теги для сайта самостоятельно
В потоке постоянных противоборств между сторонниками SEO-продвижения и других каналов интернет-маркетинга часто упускается важный момент: сайтам для попадания в ТОП иногда достаточно просто грамотно заполненных описаний страниц.
Помимо упорядочивания и ответственного оформления сайта, грамотно заполненные мета-теги:
- повышают релевантность страницы для конкретного поискового запроса;
- дают ощутимый плюс к росту позиций сайта;
- структурируют данные для формирования поисковыми системами привлекательного сниппета в выдаче;
- повышают не только видимость сайта, но и кликабельность (CTR) его страниц.
Увы, пренебрежением к ответственному наполнению сайта мета-тегами страдают как владельцы небольших сайтов, так и крупные веб-ресурсы с весьма дорогостоящими товарами или услугами.
«Заполнение SEO-настроек сайта» — одна из наиболее популярных услуг у клиентов сервиса Nethouse.Продвижение, поэтому мы накопили богатый опыт по доработке мета-тегов, и решили поделиться несколькими советами с владельцами сайтов на нашей платформе.
Напомним, что к чему
Title — главный мета-тег, из которого формируется заголовок страницы в сниппете выдачи. В нем должна кратко отражаться суть вашего ресурса. Description — здесь указывается краткое описание страницы, также отражающееся в сниппете.
Мета-теги Title и Description в сниппете
Однако за последний год произошло важное изменение с Title: раньше поисковики могли сформировать его самостоятельно только в случае, если этот тег не был прописан владельцем сайта. Теперь же Яндекс и Google могут собрать заголовок для сниппета самостоятельно, даже если тег уже заполнен.
Заполненный Description поисковые системы также не всегда учитывают: Яндекс, например, часто игнорирует содержимое этого мета-тега и составляет свое описание, собирая его из всего текста на сайте. Google чаще использует Description владельца, но в некоторых случаях тоже может «собрать» свой собственный и подставить в сниппет именно его.
Тег H1 — это основной заголовок, отражающийся на странице сайта. В сниппете его нет, однако забывать о нем нельзя. На нашем конструкторе этот тег прописывается как название разделов, товаров, текстовых страниц.
9 шагов к идеальному мета-описанию
Мы подготовили несколько рекомендаций для достижения положительных результатов при самостоятельном заполнении мета-тегов.
1. Не увлекайтесь профессиональной терминологией
Содержание тегов должно быть понятно не только вам, но и широкому кругу пользователей. Безусловно, есть категории товаров, которые ищут именно профессионалы, однако стоит подумать и о новичках, непрофильных специалистах, которые могут заинтересоваться таким типом товаров или услуг.
Так, например, даже в категории одежды есть эксперты, которые различают типы воротников у рубашек (например, баттен-даун и вырез хенли), а неискушенный покупатель может искать просто «воротник с пуговицами».
Как правильно писать мета-теги для страниц сайта
Метатеги нужны для продвижения сайта в поисковых системах. Теги помогают алгоритмам отвечать запросам пользователей, а сайту привлекать новых посетителей. В статье подробнее расскажем про пользу этих элементов для SEO и про типичные ошибки.
Что такое метатеги
Метатеги в HTML документе – краткое описание веб-страницы. Это часть метаданных сайта. Их добавляют в раздел
. Их считывают роботы поисковых систем. Google, Яндекс и другие поисковики используют метаданные из тегов, чтобы получить дополнительную информацию о странице. Они используют ее для ранжирования и показа ключевых фрагментов в результатах поиска.Для чего нужны метатеги
- Его формулируют пользователи своими словами.
- Затем сопоставляют с ними сниппеты – короткие блоки описания страницы. Они формируются при помощи тегов title и description.
- Пользователи читают сниппет страницы в Яндекс или Google и переходят по ссылке.
Хорошо написанные метаописания важны для CTR.
Виджеты обратного звонка Calltouch увеличивают конверсию сайта на 30%. При подключении любого тарифа, кнопки можно устанавливать бесплатно. Система будет собирать заявки даже в нерабочее время. Так вы не упустите ни одного клиента. Мультикнопка дает возможность пользователю выбирать способы связи: обратный звонок, умная заявка, переписка в мессенджере.
Обратный звонок
Увеличивайте количество обращений с сайта
Новым клиентам 50 минут бесплатно
Как правильно писать теги для SEO
Если вы хотите занимать высокие позиции в поиске, одних метатегов мало. Они должны соответствовать качественному контенту, который решает проблемы пользователей. Не добавляйте теги, которые вам не нужны – они засоряют код.
Обязательные теги
Их немного, но они должны присутствовать на каждой странице.
- Meta Charset. Кодирует способ отображения страницы на экранах пользователей. Для рунета оптимальна такая запись – . Чтобы проверить, правильно ли внесены теги, в результатах «Анализа сайта» выберите фильтр «Ошибочные charset».
- Title. Это тег заголовка. Отображается в верхней части браузера в строке заголовка, в результатах поиска и полностью соответствует содержанию страницы. Чем ближе ключевое слово к началу тега, тем более значимым оно будет для ранжирования.
Description. Этот тег убеждает пользователей перейти по ссылке. Поисковые системы часто используют его в качестве краткого фрагмента текста под заголовком в результатах поиска. Теги должны быть убедительными и понятными, поскольку служат своего рода рекламой страницы в выдаче – это шанс привлечь органический трафик. Соблюдайте длину описания. Например, для Яндекса достаточно 140 символов без пробелов.
Необязательные теги
Необязательные теги могут пригодиться разным сайтам. Но не будет проблем, если их не добавить – они семантически предполагаются по умолчанию.
- Заголовки H1-H6. HTML-теги заголовков – ключевые компоненты семантического поиска, поскольку это контекстные подсказки для поисковых систем. Они помогают им лучше понять как содержимое страницы, так и общую структуру. Роботы поисковых систем используют порядок . Эти теги следует упорядочивать по степени важности: H1 – самый главный заголовок и, в отличие от других H, может быть только один на странице. H6 почти не используют – чаще ограничиваются H3.
- Социальные метатеги. Помогают соцсетям распознать содержимое страницы – например заголовок, описание и изображение.
- Alt. Это атрибут тега изображения в HTML. Поисковым системам так легче считать, что собой представляет картинка. Альтернативный текст должен быть четким и описывать изображение. Если это фото товаров в интернет-магазине, то пропишите их главные характеристики: цвет, размер, модель.
- Keywords. Поставьте себя на место клиента, чтобы понять, какие ключевые слова нужны сайту. Например, если вы торгуете осветительными приборами, то подойдут теги «лампа», «освещение», «теплый свет», «люстры». Для Google важнее другие метатеги, но некоторые ПС все-таки учитывают keywords для ранжирования сайтов.
Маркетинг
Читайте также:
Какую CMS выбрать: топ лучших движков для создания сайта
Какую CMS выбрать: топ лучших движков для создания сайта
Как добавить теги на сайт
Теги добавляют в HTML-документа, содержащий верстку страницы. В самом верху располагается раздел – в нем-то и нужно прописать необходимые теги. Обычно это делает front-end или fullstack разработчик, либо SEO-специалист, если проект крупный или речь идет об оптимизации функционирующего сайта.
Существует ПО и плагины, автоматизирующие размещение тегов на странице. В WordPress есть плагин Yoast, в котором теги прописываются в соответствующих полях интерфейса.
Проще всего дело обстоит с конструкторами, где теги либо автоматизированы, либо их можно добавить в интуитивно понятном интерфейсе.
Как просмотреть и проверить метатеги
Чтобы просмотреть метатеги, откройте нужную страницу сайта щелкните правой кнопкой и выберите «Просмотр кода страницы» или «Исходный код». Вы увидите текст из множества слов и символов, в котором найдете все теги.
Таким же образом вы сможете найти теги конкурентов и проанализировать их. В Google Chrome есть даже инструменты для такого парсинга: Parsers, Scraper, Data Scraper, kimono. Результаты можете экспортировать в Google Docs.
Есть несколько способов проверки title, description и keyword:
- Вручную. Перейдите на веб-страницу, нажмите Ctrl+U. В разделе найдите метаданные.
- Через расширения браузеров. RDS bar для Mozilla Firefox, SEO META in 1 CLICK для Google Chrome или Валидатор микроразметки от Яндекс помогут вам найти ошибки.
- Букмарклеты. Это скрипты, оформленные как браузерные закладки. Кнопку букмарклета можно переместить в браузерные закладки. При необходимости вы просто нажимаете на нее и проверяете нужные метатеги.
- Специальные программы. Например, Screaming Frog SEO Spider сканирует сайт и находит сломанные ссылки, дубли, анализирует метаданные.
- Онлайн-сервисы. На сайте введите URL вашей страницы и получите полную информацию о тегах.
Технические метатеги
Эти атрибуты нужны для внутренней оптимизации сайта и настроек данных, которые считывают поисковики.
Robots
Указывает алгоритмам поиска, как добавить страницы в базу (индексирует). Затем из базы ваш контент попадет в выдачу по релевантному запросу. Робот автоматически вносит метаданные, но их можно переписать, если вам нужно убрать дублирующиеся страницы или поломанную ссылку.
Синтаксис robots.txt состоит из директив – правил, а также параметров страницы, файла, каталогов, специальных символов и их функций:
- all/none – разрешена/запрещена индексация всех страниц и переход по всем ссылкам;
- index/noindex – разрешено/запрещено индексировать страницу;
- follow/nofollow – разрешено/запрещено переходить по ссылкам на странице;
- noarchive – выдача не даст ссылки на копии из кэша;
- nosnippet – запрещена к показу часть контента;
- notranslate – запрет перевода страниц в выдаче;
- noimageindex – запрет индексации картинок.
Viewport
Он поможет задать видимые области страниц, соответветствующие ширине экрана. Пользователям не придется менять масштаб изображения, переворачивать смартфоны и прокручивать сайт горизонтально.
Сквозная аналитика Calltouch поможет снизить расходы на маркетинг – проверит все рекламные каналы. С подробными отчетами о показах и сделках станет ясно, нужно ли перераспределить бюджет и от каких площадок стоит отказаться. Закажите сквозную аналитику на сайте, и менеджеры Calltouch помогут вам в настройках.
Сквозная аналитика
Оценивайте эффективность всех рекламных кампаний в одном окне от клика до ROI
Вкладывайте в ту рекламу, которая приводит клиентов
Charset и Content-type
Они регулируют кодировку контента на сайте. Вы наверняка сталкивались с ошибками этих тегов на страницах: открываете сайт из топовой выдачи, а там вместо нормального текста и картинок непонятные значки и странные буквы. Пользователи сразу покинут такой ресурс.
Refresh
С этим метатегом вы сможете переадресовать пользователей на другие страницы во время:
- переезда на новый домен;
- рекламной интеграции;
- ремонтных работ на сайте.
Google против этих метатегов, так как владельцы сайтов могут их нечестно использовать.
Author и Copyright
Через них можно идентифицировать авторов или правообладателей контента и подтвердить право собственности. Эти метатеги находятся в контейнере head и доступны только роботам-поисковикам.
Маркетинг
Читайте также:
Что такое eco-friendly подход и как его внедрить
Что такое eco-friendly подход и как его внедрить
Типичные ошибки при написании метатегов
Title и Description:
- превышение допустимой длины тегов;
- отсутствие точных вхождений ключевых слов (их нежелательно склонять, приписывать к ним символы или знаки препинания);
- добавление лишних слов;
- использование неуникальных и скучных тегов.
Подведем итог
Поисковики ранжируют страницы по метатегам. Правильные теги способствуют оптимизации сайта под пользовательский запрос. Благодаря ключевым словам страницы попадают в топовую выдачу, что увеличивает трафик и конверсию. При этом метаописание должно полностью совпадать с контентом. Для адаптации вашего веб-ресурса проверьте технические теги.