Как добавить теги заголовков 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).

Вы также можете использовать теги H2-H6 так же, как теги 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» в качестве примера.

Цвет титровального элемента по умолчанию можно изменить в разделе «Тема> Изменить шрифт> Названия абзацев> Цвет«

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *