Як створити чудовий заголовок теми Astra?

Заголовки є життєво важливими для будь-якого вмісту вашої веб-сторінки, оскільки вони служать не лише читачам, але й пошуковим системам. Приголомшливі та добре написані заголовки можуть залучити читачів до вашої публікації та збільшити кількість кліків. Заголовки можуть варіюватися від 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 і на лівій бічній панелі перейдіть до Appearance > Astra Options > Header Builder, як показано на зображенні нижче:

Натисніть на нього, і ви перейдете до розділу Конструктор заголовків у настроювачі WordPress. Інтерфейс має виглядати подібно до того, що ми маємо тут:

Як ви бачите, конструктор заголовка розділений на три вертикальні секції, одна на яку накладена. У вас є «первинний заголовок» посередині з «верхнім заголовком» угорі та «під заголовком» унизу. 

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

Тут ви можете налаштувати висоту заголовка, розмір рамки, фон, відступ і поля.

Крім того, зверніть увагу, що кожен заголовок поділено на три частини. Ви можете додавати та видаляти елементи заголовків із цих розділів, щоб зробити їх більш функціональними. На момент написання цього посібника ви маєте доступ до 12 елементів заголовка:

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

Тепер, щоб додати новий елемент Header, наведіть курсор миші на цей розділ і натисніть кнопку «+». Відкриється список доступних елементів. Виберіть той, який ви хочете використати, і його буде додано до розділу заголовка.

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

Ви також можете переміщатися між елементами заголовка між розділами заголовка, просто перетягуючи їх.

Усі елементи заголовка, які ви використовували, відображатимуться в лівому бічному меню прямо під вкладкою Загальні. Тут ви також знайдете можливість змінити тип заголовка. Безкоштовні користувачі отримують лише опцію «Прозорі заголовки». Однак, якщо ви використовуєте Astra Pro, ви можете ввімкнути «Закріплені заголовки».

Звідси ви можете отримати доступ до певних налаштувань елемента заголовка.

Поруч із вкладкою «Загальні» є вкладка «Дизайн». Звідси ви отримуєте кілька основних параметрів дизайну для зміни ширини та поля заголовка. Більш розширені налаштування доступні для користувачів Astra Pro.

Конструктор заголовків Astra також дає змогу точно налаштувати вигляд заголовка сайту на екранах різних розмірів, наприклад на комп’ютері, мобільному телефоні чи планшеті. Щоб вибрати інший розмір екрана та налаштувати його, скористайтеся селектором пристроїв у нижньому лівому куті екрана.

Як бачите, на меншому екрані ви отримуєте додаткову область під назвою «Поза полотном». Це дозволяє заощадити місце в заголовку та перемістити деякі речі за межі екрана, які відвідувачі можуть перемикати, якщо і коли це необхідно.

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

Ваш щойно створений заголовок Astra тепер запущений і працює на вашому веб-сайті WordPress.

Astra Header Builder: короткий огляд доступних опцій

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

Ось короткий огляд різноманітних варіантів, які є у вашому розпорядженні:

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

За замовчуванням заголовок в Astra є основним заголовком. Він показуватиме логотип, а також меню навігації, яке можна налаштувати за допомогою різних основних параметрів заголовка в Astra.

Просто встановіть Astra та перейдіть до розділу Заголовок, щоб вибрати основний параметр заголовка та перейти до налаштування. Заголовок > Основний заголовок

Ви можете скористатися наступними параметрами налаштування

Макет

Параметри макета керуватимуть положенням логотипу для вашої сторінки. В Astra доступні три різні позиції для логотипу

Лівий логотип

Логотип у цьому налаштуванні переміщується в ліву частину навігаційного меню. Це типовий стиль позиціонування логотипу.

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

Логотип у цьому налаштуванні переміщується в праву частину навігаційного меню.

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

Логотип у цьому налаштуванні переміщується в центрі над навігаційним меню. Це хороший варіант у випадку великого меню.

Ширина

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

Повна ширина

У налаштуваннях повної ширини ваш заголовок буде розтягнуто з обох кінців і відповідатиме розміру сторінки вашого браузера.

Ширина вмісту

У налаштуваннях ширини вмісту заголовок регулюється відповідно до встановленої ширини контейнера, і ви можете встановити його, вибравши наступне

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

Кордон

Вибравши рамку, ви можете додати рамку під заголовок і налаштувати її колір і ширину.

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

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

Стек

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

Вбудований

У вбудованому варіанті логотип і меню будуть узгоджуватися один з одним і можуть бути хорошим варіантом у випадку маленького логотипу.

Кольорові теми

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

Типографіка

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

Вигляд > Налаштувати > Загальні > Типографіка

Прозорий заголовок

Прозорі заголовки – це простий спосіб створити красиві та привабливі заголовки для вашої сторінки. Фон основного заголовка буде прозорим, і вміст сторінки перетягуватиметься вгору. Вміст сторінки та основний заголовок об’єднаються, що означає, що верхня частина вмісту стане фоном прозорого заголовка. Наприклад, якщо зображення знаходиться у верхній частині сторінки, воно підніметься вгору та стане фоном для прозорого заголовка.

Як додати прозорий заголовок?

Прозорий заголовок складається з двох швидких кроків, щоб зробити вашу сторінку привабливою 

Крок 1

Ви можете знайти опцію прозорого заголовка під настроювачем, а потім редагувати її

Вигляд > Налаштувати > Заголовок > Прозорий заголовок

Крок 2

У прозорих параметрах заголовка ви можете ввімкнути його для всього веб-сайту, вибрати рамку внизу, колірні схеми та макет логотипу

Увімкнення на повному веб-сайті

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

Вимкнути в Архівах, Пошуку та на 404

Налаштування прозорого заголовка можна вимкнути на цих спеціальних сторінках, поставивши прапорець.

Вимкнути на сторінці індексу блогу

Головна сторінка вашого блогу стає сторінкою індексу блогу, якщо ви змінюєте налаштування на своїй домашній сторінці. Щоб створити індексну сторінку блогу, ви можете перейти до налаштувань домашньої сторінки та на вкладці «Відображення вашої домашньої сторінки» вибрати «Ваші останні публікації».

Показ домашньої сторінки > Ваші останні публікації

Якщо ви хочете вимкнути налаштування прозорого заголовка на цій сторінці індексу блогу, ви можете поставити прапорець для цього.

Вимкнути на сторінках

Якщо ви хочете вимкнути опцію прозорого заголовка на всіх сторінках, поставте прапорець.

Вимкнути в публікаціях

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

Кольори та фон

Ви можете налаштувати параметри фону та кольору прозорого заголовка за допомогою наведених нижче параметрів

• Фон
• Назва сайту
• Меню
• Підменю
• Зміст

Плюси та мінуси використання теми Astra для заголовків

плюси

• Є можливість для прозорого заголовка
• Доступні заголовки як повної ширини, так і ширини вмісту
• Доступні налаштування кольору та типографіки

мінуси

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

Заключні слова

Astra — одна з найкращих тем. І якщо ви ним користуєтеся, то ви на правильному шляху для підтримки свого сайту.

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