Как добавить теги заголовков H1 в H6 в Weebly?
Проблема с тегом Weebly H1
Помимо бесплатных или Pro аккаунт, все пользователи Weebly имеют SEO проблема отсутствия тегов H1 на сайтах Weebly. По умолчанию элемент «Заголовок» (или «Заголовок + абзац» в более старой версии), предоставляемый Weebly, создает тег H2, а создание тега H1 для заголовка содержимого вашей страницы не предусмотрено. H1 или H2 не являются проблемой для пользователей, но поисковые системы рассматривают тег H1 как основной заголовок вашего контента, а последующие заголовки — как элементы подзаголовка, как они могут отображаться в типичной газетной статье.
В идеале первая строка на веб-странице должна быть заголовком, который информирует поисковые системы об остающемся содержании на этой странице. Следовательно, отсутствие тегов H1 будет рассматриваться как высокоприоритетная проблема с точки зрения SEO.
Где я могу увидеть проблему с SEO?
Любые инструменты SEO покажут отсутствующие теги H1, здесь мы показываем пример из Инструменты Bing для веб-мастеров. Это можно проверить с помощью параметра «Отчеты SEO», доступного в разделе «Отчеты и данные». Тег H1, отсутствующий на сайте Weebly, отображается в Инструментах Bing для веб-мастеров как проблема высокой степени серьезности.
Отчеты SEO в Инструментах для веб-мастеров Bing
Как решить проблему с тегом H1
Независимо от того, видите ли вы проблему с тегом H1 в аккаунте инструментов для веб-мастеров или нет, рекомендуется использовать тег H1 для заголовка статьи. Это помогает как поисковым системам, так и улучшает читаемость пользователя. Но в Weebly нет способа по умолчанию для добавления тега H1 на вашу веб-страницу, и вам необходимо использовать элемент встроенного кода (Custom HTML), чтобы добавить тег H1. Скопируйте и вставьте следующий код в элемент кода внедрения, чтобы создать тег H1. Вы можете настроить выравнивание, цвет и размер шрифтов в соответствии с макетом вашего сайта.
<h1 style="text-align:left;font-size:28px;"> This is a first Heading for Your Page</h1>
Почему Weebly не предоставляет вариант тега H1 по умолчанию?
- Что ж, с одним элементом Title Weebly не может предлагать разные типы заголовков от H1 до H6.
- Невозможно сделать единственный элемент Title как H1, так как его можно использовать в любом месте страницы.
- Создание элемента плитки как H1 запутает поисковые системы, поскольку на одной странице будет много заголовков H1.
Следовательно, единственный способ для Weebly — сделать его как подзаголовок (тег H2), который можно использовать в любом месте, включая начало страницы для настоящего заголовка (тег H1).
Но убедитесь, что теги H1 используются в начале страницы, а не после каких-либо стандартных элементов Weebly.
Ниже приведен пример кода для использования тега H3.
<h3 style="text-align:left;font-size: 20px;">Your H3 Title Goes Here</h3>
Изменение цвета заголовков
Многие пользователи писали по электронной почте, спрашивая, как изменить цвет заголовка внутри встроенного кода. Вам нужно просто добавить атрибут «цвет» к встроенному стилю CSS, чтобы изменить его на нужный цвет. Например, код ниже создаст заголовок H1 красного цвета. Измените цвет на любое название цвета, например синий, красный, зеленый и т. Д., Или используйте значения шестнадцатеричного кода, например # 333333.
<h1 style="text-align:left;font-size:28px;color:red;font-family:arial;"> This is a first Heading for Your Page</h1>
Семейство шрифтов также можно изменить с помощью атрибута «font-family», и в приведенном выше случае мы использовали «Arial» в качестве примера.
Цвет титровального элемента по умолчанию можно изменить в разделе «Тема> Изменить шрифт> Названия абзацев> Цвет«
