На що звернути увагу при оптимізації головної сторінки

1. З чого почати?
2. 1. Навігація
3. 2. Контент
4. 3. SEO-оптимізація
5. 4. Елементи, наповнення
6. підводимо підсумки

Наша команда-партнер Artmisto

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

З чого почати?

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

Обов'язково вивчіть успішних конкурентів. Це найпростіший і очевидний спосіб зрозуміти, якою має бути ваша головна сторінка. проведіть короткий SEO-аудит головних сторінок з ТОПу видачі за такими критеріями:

• тексти (обсяг, входження ключів, зміст, структура);
• зображення (кількість, розмір, alt-текст);
• навігація (які є типи меню, скільки в них елементів);
• посилання (куди ведуть, скільки їх);
• дизайн (чи є загальний тренд, які застосовуються технології і кольору);
• теги і метатеги (проаналізуйте тексти в title і description);
• інші елементи (контакти, заклик до дії і ін.).

Поширена помилка - копіювання конкурентів. Ваша мета - не дублювати дизайн і юзабіліті, а перейняти ефективні прийоми і реалізувати їх у своїй концепції.

Якщо ви помітили загальні тенденції на трьох-п'яти сайтах, проаналізуйте, чому вони мають місце. Наприклад, у топових інтернет-магазинів автозапчастин ви не знайдете просунутого дизайну і вірального контенту. Може навіть здатися, що ці сайти виявилися в ТОПі помилково. Але їм властива зручна система навігації і пошуку, що більш важливо при пошуку товару з десятків тисяч артикулів, ніж гарний дизайн. Якраз на такі речі потрібно звертати увагу.

Після того як ви визначилися з цілями і проаналізували конкурентів, треба зайнятися розробкою макета або оптимізацією готової головної сторінки вашого сайту.

1. Навігація

Головна сторінка допомагає користувачеві зорієнтуватися на сайті, розібратися в асортименті продукції і послугах. Найважливіша роль в навігації відводиться меню. Зазвичай використовують верхнє горизонтальне і / або бічне меню (як правило, це продуктове меню або каталог).

При розробці меню треба враховувати, що людина здатна охопити поглядом не більше 7-9 елементів. Тому згрупуйте категорії таким чином, щоб не вийшло, як на прикладі нижче:

Через велику кількість посилань в меню зліва інформація погано сприймається

Меню повинно будуватися за певною логікою. Якщо мова йде про інтернет-магазин, то користувачі вже звикли бачити у верхньому горизонтальному меню посилання на важливі іфно-розділи сайту (про компанії, доставка, оплата, контакти, статті тощо). При цьому товарне меню інтуїтивно шукається в лівому сайдбарі. Більш докладно про створення навігації для сайту ecommerce ви можете прочитати в статті « Проектування каталогу інтернет-магазину ».

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

Нижче наведено приклад невдалої реалізації меню: хаотична структура вкладок і контенту.

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

2. Контент

До вибору контенту для головної треба підходити виважено. Не варто відразу «вивалювати» тонни інформації та завантажувати відвідувача. Головна - це не рекламний Лендінгем. Мета контенту - привернути увагу, познайомити з сайтом і залучити до подальшу взаємодію.

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

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

Поширена помилка - публікація тексту про себе на головній.

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

Зображення на головній потрібні обов'язково. Вони допомагають привернути увагу і набагато краще тексту передають суть сайту. Але, знову ж таки, не перевантажуйте видиму частину сторінки картинками (не більше 4-6 штук).

Актуальний тренд - використання відеоконтенту на головній. Мається на увазі не просто вікно відео з YouTube, яке можна запустити за бажанням, а відео в якості фону (найчастіше можна зустріти на Лендінзі).

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

3. SEO-оптимізація

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

Почніть з тега title. Ця назва сторінки, що відображається в результатах пошуку. Видима частина - близько 60 символів, тому найважливіша інформація повинна йти на початку. Використовуйте в title основне ключове слово для головної (як правило, це ВЧ-запит), а також назву компанії.

Приклад: Дивитися фільми онлайн безкоштовно в хорошій якості без реєстрації - ivi.ru

Також заповніть description з входженням ключових фраз. Google виводить description так, як ви його заповнили, а ось Яндекс по-своєму формує сніппети, але інформацію з description все одно використовує для визначення релевантності сторінки. Довжина опису - близько 160 символів.

Для всіх зображень вкажіть атрибути alt, в тому числі для логотипу. Для опису зображень, використовуйте наступні ключові фрази, точно передають їх суть. Також оптимізуйте розміри зображень за допомогою сервісів стиснення, в іншому випадку сторінка буде довго відкриватися.

Тепер перейдемо до оптимізації текстової частини сторінки.

На головній обов'язково повинен бути один заголовок h1, що розкриває суть сайту. Наприклад, заголовок «Інтернет-магазин« Максима »» ні про що не говорить, інша справа - «Інтернет-магазин меблів ручної роботи». Поширена помилка - висновок в теги h1 фрази типу «Ласкаво просимо на наш сайт! ». По-перше, така фраза взагалі не несе смислового навантаження, а по-друге, з точки зору SEO це нісенітниця. В h1, як і в title, включають головне ключове слово.

Незважаючи на впровадження «Баден-Бадена» і багатьох інших алгоритмів боротьби з текстовим спамом, все одно ще часто-густо зустрічаються такі тексти:

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

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

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

Запам'ятайте, що текст потрібен не роботам, а відвідувачам. Пошукові системи навчилися відрізняти гарні тексти від SEO-текстів, тому будь-які спроби маніпуляції загрожують зниженням позицій. Якщо ви хочете отримати текст на головну, в якому враховані всі вимоги «Баден-Бадена» та інших алгоритмів, замовте його у відповідному модулі SeoPult.

4. Елементи, наповнення

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

Якщо у вас дефіцит ідей, зверніть увагу на лідерів ринку не тільки в вашій, але і в суміжних сферах. Наприклад, подивіться, як елегантно гігант світової онлайн-торгівлі Amazon оформив головну сторінку:

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

Для порівняння, дизайн головної іншого магазину:

Просто рябить в очах: ​​велика кількість реклами, посилань, вкладок меню, і всю цю строкату картину завершує спливає консультант і банер спецпропозиції.

Інша серйозна помилка в дизайні головної - велика кількість порожнього простору. Часто воно з'являється через велику кількість інформації в сайдбарі або, як в прикладі нижче, через невдалу верстки:

Через списку брендів утворюється багато пустого простору

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

Дуже важливий аспект - створення адаптивного дизайну (або мобільної версії сайту). З урахуванням того, що понад 60% трафіку сьогодні йде через мобільні пристрої, ви подбаєте про зручність користувачів і підвищите конверсію сайту.

Порівняйте зручність перегляду сайтів на мобільному: звичайний дизайн (вгорі) і адаптивний (внизу)

Більш того, фактор мобілопрігодності впливає на ранжування в мобільній видачі і в Яндексі, і в Google. Швидко перевірити мобільну адаптацію будь-якого сайту можна за допомогою інструменту від Google .

підводимо підсумки

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

Перед просуванням сайту рекомендуємо провести аудит головної сторінки, щоб виявити її слабкі місця. Замовити професійний аудит в SeoPult можна буквально в один клік. У звіті буде інформація не тільки про головну сторінку, але і про все сайті (рекомендації по семантичному ядру, аналіз внутрішніх і зовнішніх факторів, юзабіліті, поведінки користувачів, конкурентів). Цей звіт стане основою для розробки стратегії ефективного просування сайту.