Як створити ідеальний лендінг для SEO

Що таке Landing Page?

Landing Page — це сторінка, спеціально розроблена для того, щоб домогтися дії від користувача, який «приземляється» на URL. Існують сотні способів створити лендінг, але мета цього типу сторінки завжди має полягати в тому, щоб конвертувати користувачів у ліди (заповнити форму, зареєструватися, зателефонувати, здійснити купівлю…)

Базові елементи лендінга

Раніше ми згадували, що існує безліч способів побудувати Landing Page; тим не менш, є певні елементи, які ми часто знаходимо майже в усіх лендінгах:

• ›CTA: CTA або заклики до дії — елементи, які мають бути включені на сторінку в різних зонах. Їх намір — завжди заохочувати користувача виконати дію, що нас цікавить.
• ›Лід: Лід стосується дії заповнення форми чи реєстрації користувачем, щоб стати частиною бази даних.
• ›Контактні форми
• ›Опис продукту
• ›Переваги і вигоди продукту
• ›Графічні елементи
• ›Відео
• ›Відгуки
• ›Часті запитання

Поради зі створення оптимізованого лендінга

У SEO Alive ми хочемо дати вам низку порад, які, на нашу думку, необхідні в будь-якій оптимізації лендінга. Подивімося!

Порада №1: Визначення URL

Чи це перший крок, чи останній — необхідно, щоб важливі терміни були в URL. Особисто я вважаю доцільним, щоб URL був коротким, не включаючи long tail, хоча long tails можна потім включити в тайтл або заголовки. На основі досвіду у власних проєктах та проєктах наших клієнтів з SEO-канібалізаціями, краще, щоб Google мав унікальні сигнали щодо головного терміна, який треба ранжувати.

Порада №2: Важливість «Above the Fold»

«Above the fold» стосується контенту, що розміщений над вертикальним відсіченням екрана і забезпечує видимість на всіх пристроях. Це одна з найважливіших частин оптимізації, бо маємо поєднувати SEO-аспекти з закликами до дії для користувача. Ось приклад того, що могло б бути в above the fold оптимізованого лендінга:

Перегляд above the fold у макеті оптимізованого лендінга

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

Приклад 1.

• ›Головний тайтл. Для SEO-цілей цей елемент буде нашим H1 і міститиме головний термін, який треба ранжувати. Якщо вважаємо доречним, це гарне місце, щоб поставити long tail.
• ›Текст. Хитра частина, бо він має бути інформативним і містити аспекти, пов'язані з нашим USP або унікальною ціннісною пропозицією. Чому обрати нас? Що нас вирізняє? Що знайде користувач?
• ›CTA або кнопка, що закликає до дії, чи спрямовує на сторінку контактів, чи запитує quote, чи відправляє користувача на іншу сторінку.
• ›Відео/зображення: Відео — цікавий ресурс для збільшення часу на нашій сторінці й покращення переконливого аргументу для дії (купівля, підписка, quote…). Можемо також обрати зображення або слайдер з різними зображеннями продукту.

Приклад макету оптимізованого лендінга

Приклад 2.

У цьому прикладі елементи ті ж самі, але ми обрали форму замість контактної кнопки і текстовий розділ із зображенням на інформативному / переконливому боці.

Порада №3: Структура контенту

Так, раніше ми теж говорили про контент, очевидно, але саме на цьому етапі ми структуруватимемо наш контент на основі виконаного keyword research. Якщо ви новачок у SEO і не знаєте, що таке keyword research, рекомендуємо переглянути таку статтю, де ми детально пояснюємо, як це робити:

Рекомендована стаття: Повний посібник з keyword research На цьому етапі необхідно мати чіткі висновки, потрібні для того, щоб знати, як ми будемо структурувати решту вебсторінки. Для цього маємо:

• ›Пов'язані терміни з пошуками
• ›Long-tail-терміни з пошуками
• ›Запитання, які користувач ставить про продукт/послугу
• ›Запитання, які треба прояснити користувачеві (НЕ SEO)

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

Розгляньмо приклад:

У нас головне ключове слово «psychology books» з 2 900 пошуків, і деякі з його вторинних термінів:

• ›social psychology books
• ›free psychology books
• ›children's psychology books
• ›psychology books for beginners
• ›recommended psychology books

У блоці Google «People also ask» знаходимо такі:

Розділ часто задаваних запитань у SERP Google

На основі цього контенту проєктуватимемо тексти нашого сайту. Ще раз наполягаю, що саме SERP підкажуть, чи варто додавати на цей лендінг контент пов'язаних термінів.

Згадаймо, що це SEO-контент, який нас цікавить, але є продукт чи послуга, цінність якого треба пояснити чи аргументувати. Не забуваймо, що ми хочемо, щоб користувач виконав дію, пов'язану з нашим бізнесом; наша робота не повинна просто закінчуватися відвідуванням.

Порада №4: Включайте свої ключові слова на лендінг

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

• ›Тег TITLE: Це найважливіший тег у нашому HTML. Ми бачимо його в результатах пошуку та у вкладці браузера. Знаємо, що символи обмежені, але старайтеся не робити так, як конкуренція.
• ›Meta Description: Хоч за ці роки цей тег втратив вагу в SEO-просуванні і дедалі більше Google сам обирає, який контент показувати в просторі опису у SERP, не припиняйте заповнювати це поле на основі вашого контенту з якимось закликом до дії.
• ›Заголовки: Використовуйте ієрархію заголовків, щоб виокремлювати важливі частини вашого тексту. Більше H2 не зробить ранжування, але допоможе Google краще зрозуміти ваш контент.
• ›Зображення: Зображення мають кілька цікавих атрибутів. Перш ніж завантажувати зображення, скористайтеся назвою файлу, щоб включити важливі терміни. У тег ALT додавайте опис того зображення і навіть можете використати TITLE для посилення цього опису. Звісно, не перебільшуйте, ставлячи те ж саме ключове слово в усі поля для всіх ваших зображень.

Порада №5: Лінкові модулі та Breadcrumbs

Ще одна порада зі створення оптимізованого лендінга — групувати контент з метою створення content cluster. Content cluster — це частина сайту, тематика якої ще тісніше пов'язана між собою, ніж решта сайту. Через лінкові модулі і breadcrumbs підсилюється внутрішній зв'язок контенту. Щоб не залишалося надто абстрактно, наведемо такий приклад:

Припустімо, у нас є сайт про кіно, і ми створюємо лендінг для Oscars. У цьому лендінгу ми б створили лінковий модуль, націлений на інші терміни, пов'язані з Oscars: номінанти, переможці, актори з Oscar, акторки, режисери… Увесь цей згрупований і взаємопов'язаний контент сформував би тематичний кластер премії Oscar.

Ми даємо Google інформацію через посилання, які маємо, і про значно більше контенту, пов'язаного з Oscars, тож релевантність на цю тему збільшиться.

Порада №6: Структуровані дані

Тип розмітки даних, який Schema нам надає і який став стандартом, надає більше інформації пошуковим системам про тип контенту, який ми пропонуємо. Існують певні види контенту, як-от продукти або послуги, для яких необхідно теґувати різні атрибути, оскільки часто це дасть нам більше видимості в результатах пошуку.

Рекомендуємо переглянути офіційну сторінку schema.org, щоб отримати більше інформації про створення структурованих даних.

Порада №7: FAQS

У відповідності до вищезазначеного, у межах структурованих даних маємо тип FAQPAGE у властивості WebPage. Цей тип розмітки використовується, коли маємо запитання й відповіді, що пропонують допомогу користувачеві щодо нашого продукту чи послуги. Уже кілька місяців Google показує випадаючий список з деякими з цих запитань у результатах пошуку, що здобуває простір у SERP і, відповідно, видимість.

Якщо запитання й відповіді надаються користувачами, доцільно використовувати розмітку https://schema.org/QAPage

Ось приклад:

Приклад FAQ-сніпета з сайту kayak.es у SERP Google

Порада №8: WPO або швидкість завантаження

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

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

У SEO Alive ми підготували повний посібник з WPO, який рекомендуємо переглянути, щоб дізнатися, як покращити цей аспект на вашому новому лендінгу.

Висновки

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

Яких рекомендацій ви дотримуєтеся при створенні й оптимізації лендінга для SEO?

Можете залишити коментар, якщо хочете, ми з радістю відповімо. До зустрічі!