Как добавить заголовок H1 в блог Weebly?

Хотя Weebly предлагает возможность ведения блога, он требует множества улучшений как с точки зрения внешнего вида, так и с точки зрения поисковых систем. Одна из проблем, связанных с SEO в блоге Weebly, заключается в отсутствии тегов H1 в одном посте. Эта проблема применима и к стандартным страницам Weebly, и мы объяснили, как добавить тег H1 на страницы Weebly в нашей предыдущей статье. В этой статье мы объясним, как добавить заголовок H1 в блог Weebly, чтобы избавиться от высокоприоритетной проблемы SEO.

Страница против публикации

Поскольку Weebly использует другую структуру для страниц и сообщений в блогах, для определения элементов блога используются дополнительные классы CSS. Например, у стандартной страницы есть «Заголовок страницы» на вкладке «Страницы», который не является обязательным. Если заголовок страницы не указан, URL-адрес считается заголовком страницы. Но в случае с блогами заголовок сообщения является обязательным элементом, который следует указывать при публикации сообщения. Если вы не вводите заголовок сообщения, Weebly автоматически принимает текущую системную дату в качестве заголовка сообщения.

Добавление заголовка H1 для блога Weebly

По умолчанию введенный заголовок сообщения будет рассматриваться как заголовок 2 с тегом H2. Есть два шага для изменения H2 и добавления заголовка H1 для блога Weebly.

Шаг 1 – изменение частей

После недавнего обновления Carbon Weebly добавил в редактор кода темы раздел под названием «Partials». Перейдите в редактор кода через «Дизайн> Редактировать HTML / CSS» и найдите раздел с названием «Частичные». Разверните раздел «блог» и щелкните файл «post.tpl». Вы увидите код, как показано ниже:

<h2 class="blog-title">
{{{title_html}}}
</h2>

Просто измените h2 на h1, как показано на рисунке ниже, и сохраните свою тему.

Изменить название блога Weebly с H2 на H1

Шаг 2 – Добавление стилей для заголовка блога H1

После изменения частичных данных заголовок блога автоматически станет H1, поэтому этот шаг требуется только в том случае, если заголовок вашего блога выглядит очень маленьким и не похож на заголовок H1. Добавьте приведенный ниже CSS в свой «main_style.css».

h1.blog-title {
font-size: 26px;
margin-bottom:15px;
}

По сути, вы можете добавить любые стили CSS, такие как высота строки, поля, отступы и т. Д., Чтобы выровнять заголовок для вашего макета. Мы рекомендуем добавить код в раздел индекса блога основной таблицы стилей, чтобы его было легко идентифицировать позже.

Добавить стили H1 для заголовка блога

Добавить стили H1 для заголовка блога

Теперь заголовок вашего блога будет с H1, и вы можете избавиться от проблемы, отображаемой в отчетах SEO.

Этот стиль будет влиять только на заголовок блога, любые другие элементы заголовка, используемые в сообщении, будут с тегами H2 и будут соответствовать основному стилю вашей темы.

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

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

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