Как создать потрясающий заголовок Astra Theme?

Заголовки жизненно важны для любого контента на вашей веб-странице, поскольку они служат не только читателям, но и поисковым системам. Потрясающие и хорошо написанные заголовки могут привлечь читателей к вашему сообщению и увеличить количество кликов. Заголовки могут варьироваться от H1 до H6, в зависимости от иерархии вашего контента. Главный заголовок вашей страницы или статьи - H1, а H2 - подзаголовки, которые образуют разделы в ваших документах. Заголовки от H3 до H6 предоставляют дополнительные подзаголовки в вашем документе в разделе H2. Прежде чем перейти к тому, как тема Astra может помочь вам создавать потрясающие заголовки в вашем контенте, позвольте нам подумать о важности заголовков.

Таблица содержания:

• Почему заголовки важны для ваших веб-страниц?
• 1. Определение темы
• 2. Доступность
• 3. Поисковая оптимизация
• 4. Делает страницы доступными для сканирования.
• 5. Удобство использования мобильных устройств
• Как создать потрясающий заголовок с темой Astra?
• Плюсы и минусы использования темы Astra для заголовков
• Заключительные слова

Почему заголовки важны для ваших веб-страниц?

Вот почему вы должны убедиться, что заголовки включены в ваш текст

1. Определение темы

Заголовки играют важную роль для поисковых систем и читателей, чтобы выбрать ключевые слова, которые они ищут в статье. Основной заголовок в тексте помогает идентифицировать тему материала, а подзаголовки направляют читателя в интересующую его область.

2. Доступность

Люди сегодня в основном используют программы чтения с экрана для просмотра любого контента. Заголовки в любом контенте легко воспринимаются программами чтения с экрана и необходимы для эффективного использования программ чтения с экрана. Они также позволяют читателям переходить от одного заголовка к другому, чтобы перейти к нужной теме.

3. Поисковая оптимизация

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

Вот руководство по использованию бесплатных функций темы Astra для создания потрясающих заголовков для ваших страниц. Следуйте процедуре, чтобы сделать заголовок по вашему выбору.

4. Делает страницы доступными для сканирования.

Используя заголовки, вы делаете страницы максимально доступными для сканирования. Как известно, никто не читает статью целиком, особенно построчно. Вот почему так важно, чтобы страницы имели заголовки. Из всех заголовков наиболее важным заголовком является первый заголовок, так как он задает тон всему посту или странице.

Затем идет подзаголовок, поскольку он делит контент на части, которые лучше использовать. Мало того, структура статьи отображается заголовками и подзаголовками. Короче говоря, правильный набор заголовков означает, что вы можете привлечь аудиторию своим увлекательным контентом.

5. Удобство использования мобильных устройств

Со временем мобильная связь становится все более доминирующей, чем когда-либо. Нет сомнений в том, что сайты получат больше трафика с мобильных устройств, чем когда-либо прежде. Итак, если вы правильно разместите свой контент, вы обязательно получите зрителей с мобильных устройств, а также с компьютеров.

Короче говоря, заголовки оптимизируют веб-страницу не только для читателей, но и для поисковых систем.

Как создать потрясающий заголовок с темой Astra?

Прежде всего, чтобы получить доступ к Astra Header Builder, войдите в свою панель управления WordPress и на левой боковой панели перейдите в « Внешний вид»> «Параметры Astra»> , как показано на рисунке ниже:

Нажмите на нее, и вы попадете в раздел «Конструктор заголовков» в настройщике WordPress. Интерфейс должен выглядеть примерно так:

Как видите, конструктор заголовков разделен на три вертикальные секции, одна над другой. У вас есть «основной заголовок» посередине, «над заголовком» вверху и «под заголовком» внизу.  

Каждый заголовок имеет свой собственный набор «настроек заголовка», к которым вы можете получить доступ, щелкнув значок шестеренки слева от заголовка.

Отсюда вы можете настроить высоту заголовка, размер границы, фон, отступы и поля.

Также обратите внимание, как каждый заголовок разделен на три части. Вы можете добавлять и удалять элементы заголовка из этих разделов, чтобы сделать их более функциональными. На момент написания этого руководства у вас есть доступ к 12 элементам заголовка:

• Название и логотип сайта
• основное меню
• Кнопка 1
• Кнопка 2 (профи)
• Поиск
• Счет
• HTML 1
• HTML 2
• Дополнительное меню
• Социальное
• Виджет 1
• Виджет 2
• Виджет 3 (про)
• Виджет 4 (про)
• Корзина

Теперь, чтобы добавить новый элемент заголовка, наведите указатель мыши на этот раздел и нажмите кнопку «+». Это вызовет список доступных элементов. Выберите тот, который вы хотите использовать, и он будет добавлен в раздел заголовка.

Точно так же просто нажмите кнопку «x» рядом с элементом заголовка, чтобы удалить элемент заголовка.

Вы также можете перемещать элементы заголовка между разделами заголовка, просто перетаскивая их.

Все элементы заголовка, которые вы использовали, будут отображаться в меню слева, прямо под вкладкой Общие. Здесь вы также найдете возможность изменить тип заголовка. Бесплатным пользователям доступна только опция «Прозрачные заголовки». Однако, если вы используете Astra Pro, вы можете включить «Sticky Headers».

Отсюда вы можете получить доступ к конкретным настройкам элемента заголовка.

Рядом с вкладкой «Общие» находится вкладка «Дизайн». Отсюда вы получаете несколько основных параметров дизайна для изменения ширины и поля заголовка. Пользователям Astra Pro доступны более расширенные настройки.

Astra Header Builder также позволяет точно настроить, как заголовок сайта будет выглядеть на экранах разных размеров, например на настольном, мобильном или планшете. Чтобы выбрать другой размер экрана и настроить его, используйте переключатель устройств в нижнем левом углу экрана.

Как видите, на меньшем экране появляется дополнительная область под названием «Off Canvas». Это позволяет сэкономить место в заголовке и переместить некоторые элементы за пределы экрана, которые посетители могут переключать, если и когда это необходимо.

На этом мы завершаем наше краткое руководство по созданию заголовка с использованием темы Astra. Когда вы закончите добавлять все элементы заголовка и внести необходимые изменения в дизайн, нажмите кнопку публикации, и все.  

Ваш недавно созданный заголовок Astra теперь запущен и работает на вашем веб-сайте WordPress.

Astra Header Builder: краткий обзор доступных опций

В приведенном выше руководстве мы создали очень простой заголовок с помощью Astra Header Builder, чтобы дать вам представление о том, как работает эта функция. Однако в Astra Header Builder есть множество инструментов и опций, которые помогут вам создавать более сложные и потрясающие заголовки.

Вот краткий обзор различных вариантов, имеющихся в вашем распоряжении:

Основной заголовок

Заголовок по умолчанию в Astra является основным заголовком. Он будет отображать логотип, а также навигационное меню, которое можно настроить с помощью различных основных настроек заголовка в Astra.

Просто установите Astra и перейдите в раздел «Заголовок», чтобы выбрать основной вариант заголовка и перейти к настройке. Заголовок > Основной заголовок

Вы можете использовать следующие параметры настройки

раскладка

Настройки макета будут управлять положением логотипа для вашей страницы. В Astra есть три разных позиции для логотипа

Левый логотип

Логотип в этой настройке перемещается в левую часть меню навигации. Это типичный стиль размещения логотипа.

Правый логотип

Логотип в этой настройке перемещается в правую часть навигационного меню.

Центр Логотип

Логотип в этой настройке перемещается в центре над навигационным меню. Это хороший вариант в случае длинного меню.

Ширина

Настройки ширины управляют шириной заголовка для текста. Вы можете настроить ширину вашего заголовка как

Полная ширина

В полноразмерных настройках ваш заголовок будет растянут с обоих концов и будет соответствовать размеру страницы вашего браузера.

Ширина контента

В настройках ширины содержимого заголовок корректируется в соответствии с установленной шириной контейнера, и вы можете установить его, выбрав следующее

Глобальный> Контейнер> Ширина

бордюр

Выбрав границу, вы можете добавить границу под заголовок и настроить ее цвет и ширину.

Мобильный заголовок

Навигационное меню на адаптивных устройствах превращается в гамбургер. Поэтому основной заголовок на этих устройствах будет отображать только меню гамбургера и логотип. Вы можете настроить макет логотипа относительно меню в адаптивных виджетах.

стек

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

В линию

Во встроенном варианте логотип и меню будут соответствовать друг другу и могут быть хорошим вариантом в случае небольшого логотипа.

Цветные Темы

Основные заголовки могут быть представлены в различных цветах с использованием темы Astra. Глобальные цвета будут доступны бесплатно, но вам нужно использовать дополнительный plugin Astra Pro для более продвинутых функций. Чтобы использовать глобальные цвета в Astra, вам нужно перейти на вкладку «Внешний вид», выбрать «Настроить», затем «Глобальные» и, наконец, выбрать вариант цветов. Внешний вид> Настройка> Глобальные> Цвета

Типография

Настройки типографики для страницы или сайта автоматически применяются к основному заголовку с Astra Theme. Вы можете выбрать и настроить параметры типографики, перейдя на вкладку «Внешний вид» в разделе «Глобальные».  

Внешний вид> Настройка> Глобальная> Типография

Прозрачный заголовок

Прозрачные заголовки - это простой способ создать красивые и привлекательные заголовки для вашей страницы. Фон основного заголовка будет прозрачным и будет перетягивать содержимое страницы вверх. Содержимое страницы и основной заголовок будут объединены, что означает, что верхняя часть содержимого станет фоном прозрачного заголовка. Например, если изображение находится в верхней части страницы, оно поднимется, чтобы стать фоном для прозрачного заголовка.

Как добавить прозрачный заголовок?

Прозрачный заголовок формулируется в два быстрых шага, чтобы сделать вашу страницу привлекательной 

Шаг 1

Вы можете найти опцию прозрачного заголовка под настройщиком, а затем можете редактировать его

Внешний вид> Настройка> Заголовок> Прозрачный заголовок

Шаг 2

В параметрах прозрачного заголовка вы можете включить его для всего веб-сайта, выбрать границу внизу, цветовые схемы и макет логотипа.

Включение на полном сайте

Если вам нужны настройки прозрачного заголовка для всего сайта, вы можете включить эту опцию, отметив флажок. Если вы отметите этот флажок, все еще существуют некоторые правила исключения, которые вы можете включить для определенных сообщений или страниц. Вы можете отключить параметр прозрачного заголовка для следующих страниц

Отключить в архивах, поиске и 404

Параметр прозрачного заголовка можно отключить на этих специальных страницах, установив флажок.

Отключить на странице индекса блога

Главная страница вашего блога становится страницей указателя блога, если вы измените настройки со своей домашней страницы. Для создания страницы указателя блога вы можете перейти к настройкам домашней страницы и на вкладке «Отображение вашей домашней страницы» выбрать «Ваши последние сообщения».

Отображение вашей домашней страницы> Ваши последние сообщения

Если вы хотите отключить настройки прозрачного заголовка на этой странице индекса блога, вы можете установить для этого флажок.

Отключить на страницах

Если вы хотите отключить параметр прозрачного заголовка на всех страницах, установите флажок.

Отключить в сообщениях

Если вы хотите отключить параметр прозрачного заголовка для всех сообщений, поставьте галочку.

Цвета и Фон

Вы можете настроить параметры фона и цвета прозрачного заголовка с помощью следующих доступных параметров.

• Задний план
• Название сайта
• Меню
• Подменю
• содержание

Плюсы и минусы использования темы Astra для заголовков

Pros

• Возможность для прозрачного заголовка доступна
• Доступны заголовки как полной ширины, так и ширины содержимого. 
• Доступна настройка цвета и типографии

Cons

• Опция закрепления заголовка недоступна
• Расширенные функции цвета недоступны

Заключительные слова

Астра - одна из лучших тем. И, если вы его используете, значит, вы на правильном пути для поддержки своего сайта.

Бесплатная тема Astra позволяет создавать красивые и привлекательные заголовки для вашей веб-страницы. Также доступны опция и настройка прозрачного заголовка, что может улучшить впечатление от просмотра. В целом, множество вариантов настройки заголовка в теме Astra позволяют создать потрясающий заголовок.