true }) window.dataLayer = window.dataLayer || [] function gtag(){dataLayer.push(arguments)} gtag(«js», new Date()) gtag(«config», «G-GH8FX28ET0»)
Кратко
Как пишется
Подсказки
На практике
Дока Дог советует
Кратко
Скопировано
Чтобы дать документу название, используй элемент <title>. Название, или заголовок документа, будет видно только в строке заголовка браузера или на вкладке страницы.
Из названия страницы <title> пользователь узнаёт, что на ней находится. Если он захочет добавить страницу в избранное, то браузер предложит <title> в качестве названия закладки.
Как пишется
Скопировано
Тег <title> прописывается в контейнере <head> и может содержать только текст.
🧩 На самом деле смайлики и служебные символы тоже можно 😉 Но осторожно!
Подсказки
Скопировано
💡 Когда пользователь гуглит твой сайт, то <title> страницы отображается в результатах поиска. Поэтому лучше сделать заголовок ёмким, понятным и цепляющим.
💡 Не путай <title> с тегом <h2>, который создаёт заголовок уже на странице.
💡 Если не закрыть тег </title>, то браузер не покажет остальное содержимое страницы.
💡 Если пользователь решит добавить твою страницу в закладки или сохранить её у себя на компьютере, то эти символы из вашего <title> — , /, :, *, ?, «, <, >, | — будут заменены автоматически на допустимые для имени файла. Поэтому их лучше не использовать.
На практике
Скопировано
Дока Дог советует
Скопировано
🛠 С <title> всё просто: это название страницы, которое выводится на вкладке браузера. Но желательно, чтобы <title> совпадал с тегом <h2>. Плюс, в <title> должно быть упоминание бренда компании, например «Продаю бойлеры для частного дома — ВасяСтрой». ВасяСтрой должен быть на всех страницах сайта: это очень хорошо для индексации в поисковых системах. Если всё будет настроено так, то есть вероятность, что по запросу «продаю бойлеры для дома» поисковые системы поставят тебя повыше в выдаче 🤷🏼♂️
Оценка материала
Если вы нашли ошибку, отправьте нам пулреквест!
Во время отправки формы что-то пошло не так. Попробуйте ещё раз?
Предыдущий материал
←
<head>
ctrl + alt + ←
Следующий материал
→
<body>
ctrl + alt + →
Что такое Title и Description и как их проверять
Михаил Шумовский 19 сентября, 2022
Что такое Title
Что такое Description
Посмотреть исходный код страницы
Использовать расширения для браузера
Спарсить с помощью Google Таблиц
Использовать специальные программы
Проверить в онлайн-сервисах
Когда пользователь вводит поисковый запрос, он получает список сайтов. На место ресурса в выдаче влияет много факторов. Один из них — грамотно заполненные метатеги Title и Description.
Что такое Title
Title — тег HTML-разметки, заголовок страницы. Это первое, что видят пользователи после запроса в поисковике. Также к метатегу обращаются роботы, чтобы показать релевантный список ответов на поисковый запрос.
Вот о чём важно помнить при создании Title:
Метатег должен быть логичным и без переспама. Если заголовок написан в стиле «купить инструменты набор Bosch дешево Питер», робот в лучшем случае проигнорирует его. В худшем — пометит как спам и снизит страницу в поисковой выдаче.
❌ Покупка айфонов в Москве, айфоны дешево Москва, магазин по продаже айфонов
✔️ Продаём дешёвые айфоны в Москве, каждому покупателю — чехол в подарок
Метатег должен содержать ключевые слова. Их считают роботы, и это влияет на индексацию. Не забывайте про переспам: всё должно быть органично. Лучше использовать 1-2 ключевых слова или запроса.
Писать совсем без ключей не стоит — без них роботам трудно индексировать страницу.
Метатег не должен быть слишком длинным. Оптимально — до 70 символов с учётом пробелов. Title длиннее читатели увидят не полностью. Точку в конце Title ставить не нужно.
Главное правило: Title должен быть полезным и понятным для пользователя.
Что такое Description
Description — ёмкий анонс содержимого страницы. Метатег показывает поисковым роботам и читателям, что они увидят, если перейдут по ссылке.
Принципы создания метатега Description аналогичны написанию Title. Нужно:
Писать логично и понятно для пользователя.
Description создаётся не только для роботов, но и для людей. Он должен понятно описывать читателю содержимое страницы.
Использовать ключевые слова. Не увлекайтесь переспамом: достаточно 2-3 слов или запросов. Главное — вписывать их органично.
❌ Прям лучший магазин газонокосилок. Широчайший выбор, а скидки сногсшибательные. Переходите на сайт немедленно и заказывайте газонокосилку недорого в Москве и МО.
✔️ Газонокосилки для дачи в магазине «Пострижём». 18 видов косилок, собственный склад запчастей и сборка под ваш рост. Доставим по Москве и Московской области бесплатно.
Соблюдать длину. Стандартная видимая длина Description для Google — 150–160 символов, для Яндекса — 160–170 символов. Но общая длина Description может быть около 250–300 символов, просто читатели увидят описание не полностью.
Допустим, у вас на сайте есть много старых страниц. Вы уже не помните, кто и как их заполнял. Есть несколько способов, которые помогут проверить метатеги Title и Description и понять, нужно ли их переписать. Это можно сделать так:
Посмотреть исходный код страницы
Использовать расширения для браузера
Спарсить с помощью Google-таблиц
Использовать специальные программы
Проверить в онлайн-сервисах
Таким же образом можно проверять страницы других сайтов, например, если вы хотите изучить страницы конкурентов. Расскажу подробнее про каждый способ.
Посмотреть исходный код страницы
Заходим на страницу, которую проверяем, и нажимаем Ctrl+U на Windows или command+option+U на Mac. В открывшемся окне ищем строчки Title и Description. Они идут после строчки <Head>.
Другой вариант — кликаем правой кнопкой мыши на страницы и выбираем «Показать исходный код страницы»/«Просмотр кода страницы».
Использовать расширения для браузера
Вариантов расширений много. Заходите в магазин расширений своего браузера и устанавливайте плагин, у которого больше положительных отзывов.
Для Google Chrome подойдут SEO Meta in 1 CLICK или Meta SEO Inspector или Serpstat Website SEO Checker.
Для Firefox — RDS Bar и Serpstat Website SEO Checker.
Кроме Title и Description, сервисы помогут проверить и другие SEO-параметры: атрибуты Alt, заголовки, перелинковку страниц и т.д.
Спарсить с помощью Google Таблиц
Для этого понадобится файл в Google Sheets и несколько формул:
Для Title: =importxml(A2;”//title”)
Для Description: =importxml(A2;”//meta[@name=’description’]/@content”)
Чтобы проверить теги, вставьте формулу в каждый столбик, а в первый столбец добавьте URL адрес страницы.
Если не хотите самостоятельно делать таблицу, копируйте нашу с готовыми формулами. Вам останется только вставить URL, а Title и Description загрузятся автоматически.
Чтобы Google правильно проверил ссылки, нужно указывать полный URL с протоколом (https или https), иначе сервис выдаст ошибку.
Важно: работа функций вроде importxml ограничена лимитами — не получится парсить большое количество данных. Если нужно загружать десятки и сотни результатов, простое решение — часть формул периодически заменять на значения через «Специальная вставка» → «Только значения».
Использовать специальные программы
С помощью специальных сервисов удобно сканировать сразу все страницы сайта. Приложения бывают платные и бесплатные.
SiteAnalyzer — бесплатный сервис. Он сканирует и анализирует все страницы сайта, изображения, скрипты и документы. Проверяет дубликаты страниц, коды ответа сервера и теги <title>, <description>, <h> и <keywords>. Требований к объёмам нет.
Чтобы работать с программой, сначала зарегистрируйтесь на сайте и перейдите в раздел «Тарифы».
Активируйте тариф «Персональный». Он бесплатный.
Потом зайдите в раздел «Лицензии» и скопируйте ключ активации.
После копирования ключа откройте установленную программу, во всплывающем окне нажмите «Шаг 2» и вставьте ключ активации.
Готово, сервисом можно пользоваться.
Вставляем в поле URL ссылку на сайт и запускаем проверку. В рабочей зоне есть несколько вкладок. Нужные нам — «title» и «description».
Вот ещё пара аналогичных сервисов:
Screaming Frog SEO Spider — платное приложение. Постранично сканирует сайт, находит технические ошибки, проверяет теги и заголовки.
Netpeak Spider* — ещё один платный сервис. Помогает анализировать каждую страницу сайта и метатеги, проверять коды ответа серверов, число внутренних страниц и заголовков h2. Для SEO-анализа есть бесплатная версия на 14 дней.
*Сервис не работает с пользователями из России и недоступен для оплаты российскими картами. На территории России доступен только по VPN.
Проверить в онлайн-сервисах
Здесь всё просто:
заходите на сайт одного из специальных сервисов, которые сканируют сайты — например, PR-CY, SEO-inf, Page Speed или их аналоги;
вставляете в окно URL страницы сайта;
получаете отчёт с тегами.
Поделиться
СВЕЖИЕ СТАТЬИ
Другие материалы из этой рубрики
Не пропускайте новые статьи
Подписывайтесь на соцсети
Делимся новостями и свежими статьями, рассказываем о новинках сервиса
«Честно» — авторская рассылка от редакции Unisender
Искренние письма о работе и жизни. Свежие статьи из блога. Эксклюзивные кейсы
и интервью с экспертами диджитала.
Оставляя свой email, я принимаю Политику конфиденциальности
Наш юрист будет ругаться, если вы не примете 🙁
Как запустить email-маркетинг с нуля?
В бесплатном курсе «Rock-email» мы за 15 писем расскажем, как настроить email-маркетинг в компании. В конце каждого письма даем отбитые татуировки об email ⚡️
*Вместе с курсом вы будете получать рассылку блога Unisender
Оставляя свой email, я принимаю Политику конфиденциальности
Наш юрист будет ругаться, если вы не примете 🙁
Как скрыть заголовок страницы в WordPress (5 способов)
Вы только что закончили дизайн страницы или написали статью в WordPress и переходите к предварительному просмотру своей работы, когда понимаете, что заголовок страницы выглядит совершенно неуместно, и это совершенно испортить свой дизайн.
К сожалению, в WordPress нет простого способа предотвратить отображение заголовка. Также нет простого способа настроить его, внешний вид зависит от вашей темы. Если он слишком большой и навязчивый, что делать? Вот почему процесс скрытия заголовков страниц в WordPress очень важен.
Возможно, первым вашим побуждением будет просто удалить заголовок со страницы, но подождите, прежде чем пытаться это сделать, так как это может повлиять на вашу поисковую оптимизацию. Если вы хотите, чтобы этот титул исчез навсегда, какие у вас есть варианты?
Возможно, в WordPress нет простой опции «скрыть заголовок», но избавиться от нее не так уж сложно. На самом деле у вас есть довольно много вариантов, хотите ли вы отключить только один заголовок или скрыть их все.
Вот пять возможных способов скрыть заголовок страницы в WordPress.
Зачем скрывать заголовки страниц?
Не каждой странице вашего сайта обязательно нужен заголовок. Несмотря на то, что для постов в блоге требуется заголовок, он не всегда хорошо смотрится на других страницах. Хороший дизайн для блога не всегда приемлем для остального сайта.
Например, заголовок «Главная» на главной странице не нужен и даже может выглядеть немного непрофессионально. Аналогичная история с вашими «О нас» или «Услуги», такая страница говорит сама за себя, и заголовок вверху может быть излишним.
Элемент заголовка может также выглядеть неуместным в общем дизайне. Хотя вы можете использовать CSS, чтобы стилизовать его и сделать его лучше, возможно, лучший выбор — просто удалить его полностью. Вместо этого вы можете использовать пространство, чтобы добавить главное изображение или какой-либо другой элемент стиля.
В большинстве случаев вы даже не хотите полностью удалять заголовок — возможно, вас беспокоит только его расположение или стиль темы. Если заголовок вашей страницы находится в странном месте или не соответствует вашему дизайну, его можно скрыть и вставить заголовок h2 в другом месте.
Но скрыть заголовок со страницы не так просто, как удалить изображение или абзац текста. Заголовки влияют на SEO и на то, как поисковые системы читают иерархию вашей страницы. Прежде чем скрывать все свои заголовки, необходимо принять во внимание несколько вещей.
Соображения SEO
Поисковые системы, такие как Google, используют роботов, называемых поисковыми роботами, которые посещают веб-сайты и индексируют страницы на них. Когда они индексируют ваш сайт, они читают такие элементы, как заголовок, текст страницы и иерархию страниц, чтобы понять, о чем эта страница.
Этот процесс помогает им отображать релевантные страницы для людей, которые ищут определенные термины, а сайты, которые следуют передовым методам SEO, получают небольшое повышение рейтинга.
Если вы погуглите что-то вроде «как ускорить свой сайт WordPress», вы заметите, что заголовок фрагмента, который вы видите, обычно совпадает с названием статьи.
Заголовок страницы определяется тегом заголовка HTML или, если его нет, заголовком h2. Если ни одна из этих вещей не существует, поисковая система просто возьмет первый найденный заголовок или случайную строку текста и сделает его заголовком. Это может очень плохо выглядеть в сниппетах поисковых систем.
Видите, куда мы идем? Удаление заголовка h2 и замена его ничем может негативно повлиять на ваш SEO и рейтинг кликов.
Даже если вы только скроете заголовок страницы и не удалите его, сканеры поисковых систем обычно игнорируют скрытые элементы, так что это не поможет. Хорошая иерархия — страница с элементом h2 и заголовками h3 или h4, где это уместно, — также помогает поисковым роботам (и людям!) понять, о чем ваша страница.
Однако заголовки h2 не являются обязательными для SEO. Они являются полезными для предоставления структуры страницы и настоятельно рекомендуется, чтобы быть уверенным.
Так в чем здесь решение? Самый простой — использовать плагин, такой как Yoast SEO. Они позволяют вам установить «заголовок SEO» для каждой страницы. Вы по-прежнему получаете симпатичный результат поисковой системы, но вы можете избавиться от этого надоедливого заголовка без каких-либо штрафов.
В чем разница между тегом title и заголовком h2?
И тег title, и заголовок h2 влияют на то, как поисковые системы понимают контент на вашем сайте, и часто они идентичны, так в чем же ключевая разница между ними?
Тег title — это HTML-элемент
. Это часть базового кода вашего веб-сайта и обычно не видна людям. Но поисковые роботы могут прочитать его и использовать для установки заголовка сниппета вашей поисковой системы. Ваша тема обычно устанавливает его в соответствии с заголовком сообщения или страницы, который вы установили в бэкэнде, или плагины SEO могут изменить его вручную.</p><p> С другой стороны, заголовки h2 видны посетителям. Заголовки используются для структурирования вашей страницы путем вложения разделов и разбиения контента, чтобы его было легко читать, а h2 действует как заголовок для представления контента.</p><p> Большинство тем WordPress берут название вашего поста/страницы и вставляют заголовок h2, а также устанавливают тег<title> за кулисами.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/cf.ppt-online.org/files/slide/k/KT786iLkqgIVxFhYAJDbBsUpwSr5cdG02j1C4t/slide-32.jpg' /><noscript><img loading='lazy' src='/800/600/https/cf.ppt-online.org/files/slide/k/KT786iLkqgIVxFhYAJDbBsUpwSr5cdG02j1C4t/slide-32.jpg' /></noscript></p><p> Поисковые системы отдают предпочтение HTML-тегу<title> над h2. Если тега<title> нет, вместо него будет использоваться заголовок h2.</p><p> Функциональная разница невелика, но разница важна.</p><h3></h3><strong> Как быстро скрыть все заголовки страниц и постов в WordPress </strong></h3><p> Эти методы, как правило, безопасны и не вызовут никаких проблем, но вы должны всегда делать резервную копию своего сайта перед добавлением любого пользовательского кода или установкой плагина.</p><p> Существуют способы выборочного скрытия заголовков как в сообщениях, так и на страницах, и мы расскажем об этом ниже.</p><p> Но давайте сначала рассмотрим, как избавиться от всех заголовков записей и страниц в WordPress с помощью небольшого трюка с CSS. Все, что требуется, — это строка кода, чтобы эти заголовки исчезли навсегда.</p><center><ins class="adsbygoogle"
style="display:inline-block;width:580px;height:400px"
data-ad-client="ca-pub-1812626643144578"
data-ad-slot="8813674614"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></center><p> На панели инструментов WordPress перейдите к <em> Внешний вид > Настроить </em> и найдите меню <em> Дополнительный CSS </em>. В появившемся поле кода вставьте следующий код:</p><pre> .<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/myslide.ru/documents_3/42ac8c67f82d817901ce6372eafb5df1/img12.jpg' /><noscript><img loading='lazy' src='/800/600/https/myslide.ru/documents_3/42ac8c67f82d817901ce6372eafb5df1/img12.jpg' /></noscript> запись-название {
дисплей: нет;
} </pre><p> Вы должны немедленно увидеть, что все заголовки в правом окне предварительного просмотра исчезают, вот и все. Когда вы посещаете отдельный пост или страницу, заголовок и там будет отсутствовать. Но вы заметите, что такие виджеты, как «Последние сообщения», по-прежнему будут без проблем использовать заголовки, которые вы установили в бэкэнде.</p><center><div class="advv"><ins class="adsbygoogle"
style="display:inline-block;width:336px;height:280px"
data-ad-client="ca-pub-1812626643144578"
data-ad-slot="9935184599"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div></center><p> Если этот код не работает для вас, вам нужно выяснить, какой класс CSS использует ваша тема для отображения заголовков. В правом предварительном просмотре веб-сайта в настройщике тем щелкните правой кнопкой мыши заголовок сообщения и выберите 9.0043 Проверить </em> . В зависимости от вашего браузера это может быть <em> Inspect Element </em> или <em> Inspector </em> .</p> Проверка элемента страницы<p> Появится новый экран с выделенной областью кода. Просмотрите выделенный код, чтобы найти имя класса h2 или h3, например: <code><h3></h3></code></p><p> Вместо «entry-title» может быть написано «post-title», «page-title» или что-то еще.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/cf2.ppt-online.org/files2/slide/e/e7HP4hYpRV5jLfwvalMkZNodyB6nGs1Q9xIU2Wc0Ar/slide-9.jpg' /><noscript><img loading='lazy' src='/800/600/https/cf2.ppt-online.org/files2/slide/e/e7HP4hYpRV5jLfwvalMkZNodyB6nGs1Q9xIU2Wc0Ar/slide-9.jpg' /></noscript> .</p><p> Используйте код CSS, который мы предоставили выше, но замените «entry-title» на любой класс CSS, который использует ваша тема. Это должно работать как шарм.</p><p> Редактирование заголовка сообщения Класс CSS <br/></p><h3><span class="ez-toc-section" id="_WordPress"> Как скрыть заголовки страниц в WordPress </span></h3><p> Возможно, вы не пытаетесь избавиться от всех заголовков своих страниц; что, если вы просто хотите скрыть заголовки всех страниц (но не постов) на своем сайте? В этом случае все, что вам нужно сделать, это немного изменить приведенный выше код CSS. Просто добавьте «.page» перед кодом. Например:</p><center><ins class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-1812626643144578"
data-ad-slot="4491286225"></ins> <script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></center><pre> .page .entry-title {
дисплей: нет;
} </pre><p> Это должно немедленно скрыть заголовки всех страниц на вашем сайте WordPress.</p><h4><span class="ez-toc-section" id="i-12"> Как скрыть заголовок отдельной страницы </span></h4><p> Хотите скрыть заголовок только одной страницы в WordPress? У вас есть два варианта: установить плагин или использовать модифицированную версию приведенного выше кода CSS, которая нацелена на страницы по их идентификатору.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/http/images.myshared.ru/116/1434870/slide_14.jpg' /><noscript><img loading='lazy' src='/800/600/http/images.myshared.ru/116/1434870/slide_14.jpg' /></noscript></p><p> Существуют плагины, созданные специально для скрытия заголовков, например плагин Hide Page And Post Title, который является одним из самых популярных.</p><p> Вместо загрузки крошечного плагина (слишком много плагинов на вашем сайте может представлять угрозу безопасности веб-сайта) вы также можете попробовать использовать конструктор страниц.</p><p> Одним из примеров является Elementor. Он включает в себя возможность скрывать заголовки страниц с помощью простого переключателя. Перейдите на любую страницу в бэкенде, нажмите <em> Редактировать с помощью Elementor </em> , а затем нажмите шестеренку <em> Настройки </em> в левом нижнем углу.</p><p> Теперь включите <em> Скрыть заголовок </em> и название вашей страницы исчезнет.</p> Удаление заголовка в Elementor<p> Последний вариант — отредактировать старый код CSS так, чтобы он предназначался только для определенных страниц, а не для всех.</p><p> Во-первых, вам нужно выяснить идентификатор страницы. В вашем бэкэнде перейдите к <em> Все страницы </em> и наведите указатель мыши на заголовок.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/konspekta.net/lektsiiorgimg/baza5/940705055245.files/image024.jpg' /><noscript><img loading='lazy' src='/800/600/https/konspekta.net/lektsiiorgimg/baza5/940705055245.files/image024.jpg' /></noscript></p><p> В левом нижнем углу должен появиться предварительный просмотр адреса ссылки. В нем вы увидите ближе к концу строки «post=». Это число является идентификатором страницы.</p> Идентификатор страницы WordPress<p> Теперь используйте идентификатор для таргетинга на эту страницу с помощью CSS, заменив «0» на идентификатор, который вы нашли следующим образом:</p><pre> .page-id-0 .entry-title {
дисплей: нет;
} </pre>Идентификатор целевого поста<p> Если они вам не подходят, возможно, ваша тема использует другой класс CSS.</p><p> Посетите страницу, на которую вы пытаетесь настроить таргетинг, и нажмите F12, чтобы открыть консоль разработчика в Chrome. Нажмите <em> Ctrl-F </em> и введите «body», используя стрелки навигации для перехода вниз, пока не увидите «<body class=» и большой список классов.</p><p> Найдите один с идентификатором страницы и замените класс в приведенном выше коде.</p><p> Например, если вы видите в списке класс с именем «page-id-113», вместо этого вы должны использовать этот код:</p><pre> .<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/schtirlitz.ru/800/600/http/images.myshared.ru/19/1189845/slide_7.jpg' /><noscript><img loading='lazy' src='/800/600/https/schtirlitz.ru/800/600/http/images.myshared.ru/19/1189845/slide_7.jpg' /></noscript> page-id-113 .entry-title {
дисплей: нет;
} </pre><h3><span class="ez-toc-section" id="_WordPress-2"> Как удалить заголовок со страниц WordPress </span></h3><p> Вам, наверное, интересно, почему бы просто не оставить заголовок страницы пустым? Если вы просто хотите удалить заголовки, это легко сделать: перейдите на <em> страницы > все страницы. </em> Наведите курсор на страницу и нажмите <em> Быстрое редактирование </em> , затем очистите заголовок и нажмите <em> Обновить </em> .</p><p> Вы также можете щелкнуть заголовок или навести указатель мыши и нажать <em> Редактировать </em> , затем найти заголовок вверху, удалить текст внутри и нажать <em> Обновить </em> . Когда вы вернетесь к экрану <em> страниц </em>, они будут помечены как «(без названия)», и они исчезнут с вашего действующего сайта.</p><p> Это может показаться самым простым решением, <strong>, но на самом деле это не очень хорошая идея </strong> . Постоянные ссылки важны для SEO, и WordPress обычно генерирует их на основе вашего заголовка. Если у вас его нет, вместо этого он создаст его, используя цифры или случайную строку букв, что может привести к штрафу.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/webformyself.com/wp-content/uploads/2016/77/3.jpg' /><noscript><img loading='lazy' src='/800/600/https/webformyself.com/wp-content/uploads/2016/77/3.jpg' /></noscript></p><p> Вы можете вручную изменить постоянную ссылку (или «URL-слаг»), но вам придется не забывать делать это каждый раз.</p> Пример плохой постоянной ссылки<p> Кроме того, сообщения и страницы без заголовка отображаются в вашем бэкэнде как «(без заголовка)». Когда на вашем сайте их десятки или сотни, поиск нужного во всем этом беспорядке может быстро превратиться в логистический кошмар.</p><p></p><p> И это проблема не только для вас. В зависимости от вашей темы, страница или сообщение без заголовка также будут отображаться как «(без заголовка)» на вашем внешнем веб-сайте — например, если у вас есть страница в меню или вы используете виджет «Последние сообщения». Это сделает ваш сайт практически недоступным для навигации.</p> Примеры отсутствия заголовков в виджете<p> И если этого недостаточно, у вас останется огромная дыра в вашем макете, где раньше был заголовок. Это гвоздь в гроб этого едва работающего способа удаления заголовка страницы WordPress.</p><p> Как бы легко не было просто убрать заголовок, вместо этого рекомендуется выбрать любой из других методов — установку плагина или вставку CSS.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/learnwebtutorials.com/wp-content/uploads/2015/01/meta-charset-utf-81.jpg' /><noscript><img loading='lazy' src='/800/600/https/learnwebtutorials.com/wp-content/uploads/2015/01/meta-charset-utf-81.jpg' /></noscript> Скрыть заголовок — гораздо лучшая идея, чем его полное удаление.</p><h3><span class="ez-toc-section" id="i-13"> Как скрыть заголовки в сообщениях блога </span></h3><p> Скрыть заголовки всех сообщений так же просто, как скрыть заголовки всех страниц в WordPress. Используя тот же CSS, что и раньше, вместо добавления .page перед кодом вам нужно добавить .post, как показано здесь:</p><pre> .post .entry-title {
дисплей: нет;
} </pre><p> Теперь все ваши сообщения не будут отображать свои заголовки, но обычные страницы будут.</p> Сообщение в блоге без заголовка<h4><span class="ez-toc-section" id="_WordPress-3"> Скрытие заголовка отдельного сообщения WordPress </span></h4><p> Скрытие заголовка сообщения в блоге во многом похоже на скрытие заголовка страницы, как описано выше. Вы можете установить плагин для удаления заголовков, использовать конструктор страниц, чтобы удалить его вручную, или нацелить идентификатор сообщения с помощью CSS.</p><p> Если вы хотите использовать CSS, код, который вы используете, немного отличается. Опять же, вы должны зайти в свой бэкенд и навести указатель мыши на сообщение, из которого вы хотите удалить заголовок, чтобы увидеть его идентификатор, а затем попробовать использовать этот код.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/i0.wp.com/www.w3resource.com/w3r_images/html-attribute-pic.png?resize=650,400' /><noscript><img loading='lazy' src='/800/600/https/i0.wp.com/www.w3resource.com/w3r_images/html-attribute-pic.png?resize=650,400' /></noscript> Убедитесь, что вы заменили «0» идентификатором поста, на который вы пытаетесь настроить таргетинг.</p><pre> .postid-0 .entry-title {
дисплей: нет;
} </pre><p> Если это не сработает, просмотрите консоль разработчика, нажав F12, находясь на публикации, на которую вы хотите настроить таргетинг. Нажмите Ctrl-F, введите «body» и найдите «<body class=» для списка классов, используемых на этой странице. Найдите в списке один с идентификационным номером, например «post-11», и замените приведенный выше код на правильный класс.</p><h3><span class="ez-toc-section" id="_WordPress-4"> Как удалить заголовок из сообщений блога в WordPress </span></h3><p> Как упоминалось ранее, полностью удалять заголовок из сообщений или страниц — не лучшая идея. <strong> Мы настоятельно рекомендуем не делать этого </strong>, так как это может вызвать проблемы с вашими постоянными ссылками, SEO и даже макетом вашего сайта.</p><p> Но если вы действительно хотите это сделать, процесс аналогичен удалению заголовков для страниц.</p><p> Перейдите на страницу <em> Сообщения > Все сообщения </em>, чтобы увидеть список всех записей блога на вашем сайте.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/myslide.ru/documents_7/3e6ea1e7639d309b59ab6048b9d24b90/img16.jpg' /><noscript><img loading='lazy' src='/800/600/https/myslide.ru/documents_7/3e6ea1e7639d309b59ab6048b9d24b90/img16.jpg' /></noscript> Наведите указатель мыши на заголовок сообщения, которое хотите удалить, и нажмите 9.0043 Быстрое редактирование </em> . Очистите заголовок, затем нажмите <em> Обновить </em> . Или просто нажмите <em> Изменить </em>, чтобы открыть экран редактирования Гутенберга, щелкните заголовок вверху и удалите текст заголовка.</p> Удаление заголовка из сообщения в блоге<p> Щелкните <em> Обновить </em>, и заголовок должен исчезнуть навсегда. Имейте в виду, что это заменит заголовок каждого сообщения на «(без заголовка)», поэтому, если у вас возникли проблемы с навигацией, когда у вас есть сотни сообщений, попробуйте вместо этого скрыть их с помощью плагина или селекторов CSS.</p> Существует множество сценариев, когда вам нужно скрыть заголовки страниц на вашем сайте WordPress. Это действенное руководство покажет вам, как это сделать! 🎯Нажмите, чтобы твитнуть. Для отдельных сообщений или страниц вы можете установить плагин, который добавляет возможность включать и выключать заголовки по желанию. Или вы можете воспользоваться преимуществами CSS, чтобы скрыть заголовки всех страниц или настроить таргетинг на определенные страницы, где вы хотите их скрыть.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/seo-gold.com/images/title-tag-html.jpg' /><noscript><img loading='lazy' src='/800/600/https/seo-gold.com/images/title-tag-html.jpg' /></noscript></p><p> Вам всегда следует избегать простого заполнения заголовка в бэкэнде, так как это вызывает проблемы с вашим SEO и постоянными ссылками, загромождает ваш бэкэнд и может испортить функции, которые вызывают заголовки постов/страниц, такие как меню или виджет «Последние посты».</p><p> В любом случае помните, что либо заголовок h2, либо элемент заголовка HTML необходимы, чтобы избежать наказания со стороны поисковых систем. Если вы решите скрыть заголовок, вам следует подумать об установке SEO-плагина и убедиться, что элемент «SEO-заголовок» или «HTML-заголовок» установлен на каждой странице.</p><hr/><p> Сэкономьте время и деньги, а также повысьте производительность сайта благодаря интеграции корпоративного уровня на сумму более 275 долларов США, включенной в каждый план Managed WordPress. Это включает в себя высокопроизводительную сеть CDN, защиту от DDoS-атак, защиту от вредоносных программ и хакерских атак, пограничное кэширование и самые быстрые процессоры Google. Начните работу без долгосрочных контрактов, помощи при миграции и 30-дневной гарантии возврата денег.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/i.pinimg.com/originals/59/3f/c6/593fc6455221a3dcc3ad0e69ee8395b8.gif' /><noscript><img loading='lazy' src='/800/600/https/i.pinimg.com/originals/59/3f/c6/593fc6455221a3dcc3ad0e69ee8395b8.gif' /></noscript></p><p> Ознакомьтесь с нашими планами или поговорите с отделом продаж, чтобы найти план, который подходит именно вам.</p><h2><span class="ez-toc-section" id="_HTML"> Правило | HTML-страница имеет непустой заголовок </span></h2><p> HTML-страница имеет непустой заголовок</p><hr/><h3><span class="ez-toc-section" id="i-14"> Описание </span></h3><p> Это правило проверяет, что не встроенная HTML-страница имеет непустой заголовок.</p><h3><span class="ez-toc-section" id="i-15"> Применимость </span></h3><p> Это правило применяется к корневому элементу веб-страницы, если это элемент <code> html </code>.</p><h3><span class="ez-toc-section" id="_1"> Ожидание 1 </span></h3><p> У каждого целевого элемента есть как минимум один потомок, который является элементом <code> title </code>.</p><h3><span class="ez-toc-section" id="_2"> Ожидание 2 </span></h3><p> Для каждого целевого элемента первый HTML <code> title </code> Элемент, который является потомком элемента документа, имеет дочерние элементы, которые являются текстовыми узлами, состоящими не только из пробелов.</p><h3><span class="ez-toc-section" id="i-16"> Предположения </span></h3><p> Это правило предполагает, что Критерий успеха 2.4.2 Заголовок страницы не требует, чтобы документ имел только один элемент <code> title </code> или чтобы он был дочерним элементом <code> элемента head </code> документа.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/cs111.wellesley.edu/~cs110/reading/css-selectors-files/tree.png' /><noscript><img loading='lazy' src='/800/600/https/cs111.wellesley.edu/~cs110/reading/css-selectors-files/tree.png' /></noscript> Хотя это недопустимо в HTML, спецификация HTML 5.2 описывает, что должно произойти в случае нескольких заголовков и заголовков, выходящих за пределы 9.0092 головка </code> элемент. Из-за этого ни одна из этих проблем проверки не вызывает проблемы соответствия для WCAG. Независимо от того, требуется ли это в соответствии с 2.4.2 Заголовок страницы, невыполнение этого правила означает, что критерий успеха не выполнен.</p><h3><span class="ez-toc-section" id="i-17"> Поддержка специальных возможностей </span></h3><p> <em> Для этого правила не известно серьезных проблем с поддержкой специальных возможностей. </em></p><h3><span class="ez-toc-section" id="i-18"> Фон </span></h3><p> Это правило применимо только к невстроенным HTML-страницам. HTML-страницы, встроенные в другие документы, например через 9Элементы 0092 iframe </code> или <code> object </code> неприменимы, поскольку они не являются веб-страницами в соответствии с определением WCAG.</p><ul><li> Заголовок страницы HTML является описательным</li></ul><h4><span class="ez-toc-section" id="i-19"> Библиография </span></h4><ul><li> Понимание критерия успеха 2.<img class="lazy lazy-hidden" loading='lazy' src="//ylianova.ru/wp-content/plugins/a3-lazy-load/assets/images/lazy_placeholder.gif" data-lazy-type="image" data-src='/800/600/https/fs.znanio.ru/d5af0e/23/8b/801aa827596d9a1ccf0521e78f346f33c0.jpg' /><noscript><img loading='lazy' src='/800/600/https/fs.znanio.ru/d5af0e/23/8b/801aa827596d9a1ccf0521e78f346f33c0.jpg' /></noscript> 4.2: страница с названием</li><li> G88: Предоставление описательных заголовков для веб-страниц</li><li> h35: Предоставление заголовка с использованием элемента заголовка</li><li> Спецификация HTML — элемент заголовка <code> </code></li></ul><h3><span class="ez-toc-section" id="i-20"> Тестовые примеры </span></h3><h4><span class="ez-toc-section" id="i-21"> Пройдено </span></h4><p> Эта страница имеет <code> заголовок </code> элемент с содержимым.</p><pre> <html>
<title>У этой страницы есть заголовок
Поэтому лучше сделать заголовок ёмким, понятным и цепляющим.
ВасяСтрой должен быть на всех страницах сайта: это очень хорошо для индексации в поисковых системах. Если всё будет настроено так, то есть вероятность, что по запросу «продаю бойлеры для дома» поисковые системы поставят тебя повыше в выдаче 🤷🏼♂️
На место ресурса в выдаче влияет много факторов. Один из них — грамотно заполненные метатеги Title и Description.
Переходите на сайт немедленно и заказывайте газонокосилку недорого в Москве и МО.
Расскажу подробнее про каждый способ.
Требований к объёмам нет.
На территории России доступен только по VPN.
Хороший дизайн для блога не всегда приемлем для остального сайта.
Заголовки влияют на SEO и на то, как поисковые системы читают иерархию вашей страницы. Прежде чем скрывать все свои заголовки, необходимо принять во внимание несколько вещей.
Это может очень плохо выглядеть в сниппетах поисковых систем.