В даний час односторінкові сайти переживають пік своєї популярності, багато великих компаній відмовляються від багатосторінкових сайтів на користь односторінковий архітектури.
Після створення сайту-одностранічнік зазвичай постає питання: як його просувати? І якщо з контекстною рекламою і просуванням в соц.сетях все більш-менш зрозуміло, то з seo-просуванням з'являється безліч проблем:
- односторінкового архітектура не дозволяє провести якісну seo-оптимізацію
- методика звернення до блокам з використанням якорів - "#" не дозволяє зробити перелинковку
- ajax-скрипти, довантажувати контент, ускладнюють індексацію.
Тим не менш, є методика, яка дозволяє односторінковим сайтам реалізовувати сильні сторони технології ajax і в той же час бути доброзичливими для індексуючих роботів.
даний метод Google запропонував більше року тому, на жаль, в Росії належного відгуку даний підхід не отримав, а даремно, адже, застосовуючи цей підхід, ви отримаєте:
- можливість провести більш якісну seo-оптимізацію
- використовувати технологію ajax на благо seo
- отримати не один, а необхідне для оптимізації кількість тегів title.
Як це реалізувати?
1. Розбити сторінку на блоки
Перше, з чого варто почати - це розділити весь контент сторінки по логічним блокам. Блоки необхідно наповнити унікальним і корисним для відвідувача контентом:
- текстами з входженням ключовим фраз
- зображеннями з заповненими alt-ми
- заголовками h1 також з входженням ключових фраз
Примітка:
важливо знати, що кожен блок може містити заголовок h1 з ключовим входженням (так-так, саме так - це єдиний, випадок коли на сторінці допускається кілька заголовків першого рівня)
2. Присвоїти url кожному блоку
Кожному блоку необхідно присвоїти свій url. Url необхідно побудувати таким чином, щоб пошукові системи могли без проблем проіндексувати вміст всієї сторінки, побудованої c використанням технології ajax.
Для цього існує два рішення:
2.1. Використання в URL символів - #! (Дана конструкція дає інструкцію пошуковому роботу до того, щоб він звертався за HTML-версією сайту) і розміщення безпосередньо самого HTML-контенту на URL, де символ #! підміняється на вираз? _escaped_fragment_ =.
наприклад:
Детальніше про це ви можете почитати в блозі для вебмайстрів від Яндекса.
Незважаючи на те, що про метод написав сам Яндекс, таке рішення навряд чи можна назвати зручним. Більш того, у цього методу є серйозний недолік:
пошукова машина не зможе зібрати правильні дані про поведінку відвідувачів на сайті, адже в даному випадку контент для робота і відвідувача відображається по-різному.
2.2. Підхід, запропонований Google:
Створення повноцінних URL з використанням методу history.pushState .
Метод дозволяє отримувати seo-доброзичливі посилання на блоки і відмовитися від танців з бубном маніпуляцій з гратами, оклику і створення html-версії сторінки.
Зверніть увагу на приклад сайту : При скролінгу сторінки, url блоків і tittle динамічно змінюються. Що і є родзинкою цього методу, що дозволяє розширити можливості по оптимізації і просуванні вашого сайту. По суті, ваш сайт в очах робота перетворюється в багатосторінковий сайт з усіма наслідками, що випливають.
Блок 1:
Блок 2:
Зазначу, що з точки зору Google даний варіант є найбільш привабливим, більш того, він прекрасно працює і з іншими пошуковими системами.
Розробка односторінкового сайту з використанням методу PushState - завдання непросте, адже необхідно:
- правильно з точки зору seo зверстати сторінку
- грамотно з точки зору маркетингу оформити і розбити її на блоки
- наділити сторінку необхідними елементами навігації
- оптимізувати її
В ідеалі над таким проектом крім дизайнера і висококласного розробника повинен працювати seo-фахівець і інтернет-маркетолог, як це відбувається в Лідмашіне.
На жаль, в рунеті нам не вдалося знайти сайтів, створених з використанням цього методу. Найбільш популярне рішення - це класичне використання решітки "#". Не можна сказати, що це погане рішення, але з точки зору SEO воно не має сенсу: робот проиндексирует тільки те, що до решітки, а то, що після неї, виявиться не проіндексованим.
висновок
Реалізація методу представленого Google безумовно розширить можливості односторінкового сайту, зробить його більш дружелюбним до seo і виділить серед конкурентів. Все це при правильному підході безсумнівно позитивно позначиться на самому цільовому вигляді трафіку - органіці.
Можливо, не всім вам необхідно знати технічні подробиці роботи цього методу. Ви як інтернет-маркетологи зобов'язані знати про його існування, і якщо ви вирішили створити лише однієї сторінки сайт, то просіть саме такий його реалізації від розробників.
Наостанок хотілося б нагадати про базові речі, які багато наполегливо ігнорують:
- розміщуйте сайт тільки на хорошому хостингу;
- працюйте з кешуванням сайту - це може бути як серверне кешування, так і кешування браузером;
- не забувайте оптимізувати зображення на сайті;
- JavaScript і CSS виносьте в зовнішні файли;
- Перевіряйте код сайту на наявність помилок.
Дані фактори впливають на швидкість завантаження сайту, яка в свою чергу є одним з параметрів ранжирування в пошукових системах. Не варто забувати і про призначеному для користувача факторі. Погодьтеся, що з точки зору відвідувача сайт, який швидко завантажується, більш приємний ніж сайт, відгуку якого доводиться довго чекати.
Після створення сайту-одностранічнік зазвичай постає питання: як його просувати?Як це реалізувати?
Підміняється на вираз?
