Заголовки жизненно важны для любого контента на вашей веб-странице, поскольку они служат не только читателям, но и поисковым системам. Потрясающие и хорошо написанные заголовки могут привлечь читателей к вашему сообщению и увеличить число кликов. Заголовки могут варьироваться от H1 до H6, в зависимости от иерархии вашего контента. Основной заголовок вашей страницы или статьи — H1, а H2 — это подзаголовки, образующие разделы в ваших документах. Заголовки от H3 до H6 предоставляют дополнительные подзаголовки в вашем документе в разделе H2. Прежде чем перейти к тому, как тема Astra может помочь вам создать потрясающие заголовки в вашем контенте, давайте рассмотрим важность заголовков.
Оглавление:
Вот почему вы должны обязательно включать заголовки в свой текст.
Заголовки играют важную роль для поисковых систем и читателей в выборе ключевых слов, которые они ищут в статье. Основной заголовок в тексте помогает определить тему материала, а подзаголовки направляют читателя к интересующей его области.
Сегодня люди в основном используют программы чтения с экрана для просмотра любого контента. Заголовки любого контента легко распознаются программами чтения с экрана и необходимы для эффективного использования программ чтения с экрана. Они также позволяют читателям переходить от одного заголовка к другому, чтобы добраться до нужной темы.
Когда заголовки делают вашу тему узнаваемой, поисковые системы ранжируют вашу страницу по поисковым запросам. Чем лучше вы сделаете свои заголовки хорошо составленными и наполненными соответствующими ключевыми словами, тем больше поисковые системы повысят ваш рейтинг.
Вот руководство по использованию бесплатных функций темы Astra для создания потрясающих заголовков для ваших страниц. Следуйте инструкциям, чтобы создать заголовок по вашему выбору.
Используя заголовки, вы делаете страницы максимально удобными для сканирования. Общеизвестно, что статью целиком, особенно построчно, никто не читает. Вот почему так важно, чтобы страницы имели заголовки. Из всех заголовков наиболее важным является первый заголовок, поскольку он задает тон всему посту или странице.
Далее идет подзаголовок, поскольку он делит контент на части, которые лучше подходят для потребления. Мало того, структура статьи показана заголовками и подзаголовками. Короче говоря, правильный набор заголовков означает, что вы можете привлечь аудиторию своим интересным контентом.
Со временем мобильные устройства становятся более доминирующими, чем когда-либо. Нет сомнений в том, что сайты будут получать больше трафика с мобильных устройств, чем когда-либо прежде. Итак, если вы правильно разместите свой контент, вы обязательно привлечете зрителей как с мобильных устройств, так и с настольных компьютеров.
Короче говоря, заголовки оптимизируют веб-страницу не только для читателей, но и для поисковых систем.
Прежде всего, чтобы получить доступ к Astra Header Builder, войдите в свою панель управления WordPress и на левой боковой панели выберите «Внешний вид» > «Параметры Astra» > «Header Builder», как показано на изображении ниже:
Нажмите на него, и вы попадете в раздел «Построитель заголовков» в настройщике WordPress. Интерфейс должен выглядеть примерно так, как здесь:
Как видите, конструктор заголовков разделен на три вертикальные секции, одна из которых расположена поверх другой. У вас есть «основной заголовок» посередине, «над заголовком» вверху и «ниже заголовка» внизу.
Каждый заголовок имеет свой набор «настроек заголовка», доступ к которым можно получить, щелкнув значок шестеренки слева от заголовка.
Отсюда вы можете настроить высоту заголовка, размер границы, фон, отступы и поля.
Также обратите внимание, что каждый заголовок разделен на три раздела. Вы можете добавлять и удалять элементы заголовков из этих разделов, чтобы сделать их более функциональными. На момент написания этого руководства у вас есть доступ к 12 элементам заголовка:
Теперь, чтобы добавить новый элемент заголовка, наведите указатель мыши на этот раздел и нажмите кнопку «+». Откроется список доступных элементов. Выберите тот, который вы хотите использовать, и он будет добавлен в раздел заголовка.
Аналогично, просто нажмите кнопку «x» рядом с элементом заголовка, чтобы удалить элемент заголовка.
Вы также можете перемещать элементы заголовка между разделами заголовка, просто перетаскивая их.
Все использованные вами элементы заголовка будут отображаться в левом меню, прямо под вкладкой «Общие». Здесь вы также найдете возможность изменить тип заголовка. Бесплатные пользователи получают только опцию «Прозрачные заголовки». Однако, если вы используете Astra Pro, вы можете включить «Прикрепленные заголовки».
Отсюда вы можете получить доступ к конкретным настройкам элемента заголовка.
Рядом с вкладкой «Общие» есть вкладка «Дизайн». Отсюда вы получаете несколько основных параметров дизайна для изменения ширины и поля заголовка. Пользователям Astra Pro доступны более расширенные настройки.
Astra Header Builder также позволяет вам точно настроить, как заголовок сайта будет выглядеть на экранах разных размеров, таких как настольный компьютер, мобильный телефон или планшет. Чтобы выбрать другой размер экрана и настроить его, воспользуйтесь переключателем устройств в левом нижнем углу экрана.
Как видите, на меньшем экране появляется дополнительная область под названием «За пределами холста». Это позволяет вам сэкономить место в заголовке и переместить некоторые элементы за пределы экрана, которые посетители могут переключать при необходимости.
На этом наше краткое руководство по созданию заголовка с использованием темы Astra завершается. Как только вы закончите добавлять все элементы заголовка и внесете необходимые изменения в дизайн, нажмите кнопку «Опубликовать», и все.
Ваш недавно созданный заголовок Astra теперь работает на вашем веб-сайте WordPress.
В приведенном выше уроке мы создали очень простой заголовок с помощью Astra Header Builder, чтобы дать вам представление о том, как работает эта функция. Однако в Astra Header Builder есть множество инструментов и опций, которые помогут вам создавать более сложные и потрясающие заголовки.
Вот краткий обзор различных вариантов, которые есть в вашем распоряжении:
Первичный заголовок
Заголовок по умолчанию в Astra является основным заголовком. На нем будет отображаться логотип, а также меню навигации, которое можно настроить с помощью различных основных настроек заголовка в Astra.
Просто установите Astra и перейдите в раздел «Заголовок», чтобы выбрать основной вариант заголовка и перейти к настройке. Заголовок > Основной заголовок
Вы можете использовать следующие параметры настройки.
Макет
Настройки макета будут управлять положением логотипа на вашей странице. В Astra доступны три различных положения логотипа.
Левый логотип
Логотип в этой настройке перемещается в левую часть навигационного меню. Это типичный стиль позиционирования логотипа.
Правый логотип
Логотип в этой настройке перемещается в правую часть навигационного меню.
Логотип Центра
Логотип в этой настройке перемещается по центру над навигационным меню. Это хороший вариант в случае длинного меню.
Ширина
Настройки ширины управляют шириной заголовка текста. Вы можете настроить ширину заголовка как
Полная ширина
В настройках полной ширины ваш заголовок будет растянут с обоих концов и будет соответствовать размеру страницы вашего браузера.
Ширина контента
В настройках ширины контента заголовок настраивается в соответствии с установленной шириной контейнера, и вы можете установить его, выбрав следующие параметры:
Глобальный > Контейнер > Ширина
Граница
Выбрав границу, вы можете добавить рамку под заголовок и настроить ее цвет и ширину.
Мобильный заголовок
Навигационное меню на адаптивных устройствах превращается в гамбургер. Поэтому в основном заголовке на этих устройствах будут отображаться только гамбургер-меню и логотип. Вы можете настроить макет логотипа в меню адаптивных виджетов.
Куча
В варианте стека логотип будет перемещаться над гамбургер-меню. Выбор стека может оказаться полезным, если у вас большой логотип.
В соответствии
При встроенном варианте логотип и меню будут соответствовать друг другу и могут быть хорошим вариантом в случае небольшого логотипа.
Цветовые темы
Основные заголовки могут быть представлены в различных цветах с использованием темы Astra. Глобальные цвета будут доступны бесплатно, но для получения более продвинутых функций вам необходимо использовать дополнительный plugin Astra Pro. Чтобы использовать глобальные цвета в Astra, вам нужно перейти на вкладку «Внешний вид», выбрать «Настроить», затем «Глобальные» и, наконец, выбрать параметр «Цвета». Внешний вид > Настройка > Общие > Цвета
Типография
Настройки оформления страницы или сайта автоматически применяются к основному заголовку с помощью Astra Theme. Вы можете выбрать и настроить параметры типографики, перейдя на вкладку «Внешний вид» в разделе «Глобальные».
Внешний вид > Настройка > Глобальный > Типографика.
Прозрачный заголовок
Прозрачные заголовки — это простой способ создать красивые и привлекательные заголовки для вашей страницы. Фон основного заголовка будет установлен прозрачным и вытянет содержимое страницы вверх. Содержимое страницы и основной заголовок объединятся, а это означает, что верхняя часть содержимого станет фоном прозрачного заголовка. Например, если изображение находится в верхней части страницы, оно поднимется вверх и станет фоном для прозрачного заголовка.
Как добавить прозрачный заголовок?
Прозрачный заголовок состоит из двух быстрых шагов, которые сделают вашу страницу привлекательной.
Шаг 1
Вы можете найти опцию прозрачного заголовка в настройщике, а затем отредактировать ее.
Внешний вид > Настройка > Заголовок > Прозрачный заголовок
Шаг 2
В настройках прозрачного заголовка вы можете включить его для всего веб-сайта, выбрать рамку внизу, цветовые схемы и макет логотипа.
Включение на полном веб-сайте
Если вам нужны настройки прозрачного заголовка для всего сайта, вы можете включить эту опцию, установив флажок. Если вы установите флажок, все равно останутся некоторые правила исключения, которые вы можете включить для определенных сообщений или страниц. Вы можете отключить опцию прозрачного заголовка для следующих страниц.
Отключить в архивах, поиске и 404
На этих специальных страницах настройку прозрачного заголовка можно отключить, установив соответствующий флажок.
Отключить на индексной странице блога
Главная страница вашего блога становится индексной страницей блога, если вы измените настройки домашней страницы. Чтобы создать индексную страницу блога, вы можете перейти в настройки домашней страницы и на вкладке «Отображение вашей домашней страницы» выбрать «Ваши последние сообщения».
Отображение вашей домашней страницы > Ваши последние сообщения
Если вы хотите отключить настройки прозрачного заголовка на этой индексной странице блога, вы можете установить для этого флажок.
Отключить на страницах
Если вы хотите отключить опцию прозрачного заголовка на всех страницах, установите флажок.
Отключить в сообщениях
Если вы хотите отключить опцию прозрачного заголовка для всех сообщений, установите флажок.
Цвета и фон
Вы можете настроить параметры фона и цвета прозрачного заголовка, используя следующие доступные параметры.
Плюсы
Минусы
Astra — одна из лучших тем. И если вы его используете, значит, вы на правильном пути в обслуживании своего сайта.
Бесплатная тема Astra позволяет создавать красивые и привлекательные заголовки для вашей веб-страницы. Также доступны опция и настройка прозрачного заголовка, что может улучшить впечатления зрителя. В целом, множество вариантов настройки заголовка в теме Astra позволяют создать потрясающий заголовок.
Верхние и нижние колонтитулы веб-сайта являются важными элементами. В большинстве случаев заголовок обеспечивает навигацию…
Две самые популярные темы WordPress на рынке — Astra и OceanWP. Профессиональный…
Чтобы создать отличный новостной сайт, вам не обязательно становиться веб-дизайнером. Мы…
Тема «Газета» — одна из самых важных тем WordPress, разработанная tagDiv,…
Когда дело доходит до создания интернет-магазина, лучше всего plugin WooCommerce. Это…
Заголовок – это, как правило, первое, что видит человек, когда посещает ваш сайт.
Посмотреть комментарии
Бонжур, пожалуйста, комментируйте честно и прозрачно, но комментируйте только на основе актуального плана, прямо в верхней части страницы меню... Прокомментируйте факты?
Это просто фоновое изображение такого цвета, а заголовок прозрачный... :)
Бонжур,
Большое спасибо за всю информацию. Pourriez-vous, пожалуйста, мой помощник?
J’aimerai cééer l’entête Astra uniquely sur ma page d’accueil. Вот пост в рекламе на страницах aucune... Комментарий je peux faire?
Мой сайт является актуальным и модным.
И вы всегда помните
Привет! Назначение заголовка Astra должно быть выполнено для каждой страницы, в настройках каждой страницы. В настройках Астры это просто глобальное назначение.