Ajax и одностраничные приложения: проблемы с SEO и SEA

1. Динамическая перезагрузка контента
2. Технология под капотом
3. SEO и проблема путешествия клиента
4. Манипулирование строкой браузера
5. вывод

Веб-приложения состоят из отдельных страниц, которые необходимо загружать, нажимая кнопки навигации. Это было обычным делом несколько лет назад (и все еще частично сегодня). Недостатком этой практики является неприглядное мерцание контента при перезагрузке нового контента. Поэтому новая тенденция: SPA .

SPA означает « одностраничное приложение ». Текущие магазины, блоги и социальные сети, кажется, универсальные магазины благодаря этой технологии. Хотя первоначальная загрузка приложения выглядит немного дольше, в лучшем случае вы перемещаетесь, как в облаке, по всем областям. Содержимое сливается, появляется как по волшебству или исчезает. Максимально маленькие подсказки указывают на перезагрузку отдельных компонентов.

Динамическая перезагрузка контента

Конечно, при первом запуске веб-сайта не все загружается и отображается, хотя термин «одностраничное приложение» может указывать на это.
Основной файл (index.html или index.php) загружает именно то содержимое, которое необходимо, в зависимости от навигации посетителя. Затем они отображаются соответствующим образом.

Таким образом, подробный вид продукта, на который нажали, выглядит мягко, без перезагрузки всей страницы, и мы полностью оторваны от нашего потока покупок.
При этом сохраняется новый «запрос страницы», скорость страницы заметно возрастает. А также ваш собственный домен отображается в адресной строке.

Технология под капотом

Динамическая загрузка (ключевое слово AJAX) означает не что иное, как запрос в фоновом режиме запросов к различным серверам о загрузке, например, фотографий, комментариев, соответствующего контента или рекламы и встроенных в страницу при успешной доставке.
Очевидное преимущество: во время этой асинхронной загрузки пользователь не прерывается на странице. Нередко многие материалы загружаются асинхронно одновременно.

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

И именно здесь возникают проблемы:
Сканерам поисковой системы нужен уникальный URL в форме, похожей на "index.html? Area = shop & article_id = 4711" со связанными внутренними ссылками, или HTML-тегами (a href = '...'). В оптимальном случае URL-адрес также должен быть «говорящим», то есть предоставлять машиночитаемую информацию о содержимом страницы. Это имеет преимущество, среди прочего, в том, что фрагмент в результатах поиска особенно привлекает внимание:

Только отдельные URL с индивидуальным содержанием могут оптимально обслуживать определенные ключевые слова.

Камни преткновения также обнаруживаются в «Путешествии клиентов». Без четкой ссылки на продукт этим нельзя поделиться, например, знакомым или в комментариях социальных сетей. Кроме того, анализ страницы, созданной в соответствии с этой техникой, затруднен, поскольку соответствующие инструменты получают только один файл (наш index.html или index.php).

Манипулирование строкой браузера

Управляя URL с помощью Javascript, вы можете частично обойти эту проблему.
Однако опытные веб-разработчики даже считают, что история браузера, включая кнопки «назад» и «вперед», по-прежнему работает правильно. Для этого «состояния» управляются «государственными параметрами». До сих пор эти методы были довольно грязными с плагинами javascript history.js или расширение BBQ реализовано для jQuery. Кроме того, обширная реализация специально для Google AngularJS Framework поставляется с Угловой-щ-маршрутизатор предложил.
Полученные URL-адреса аналогичны формату «index.html / # / shop / article / 4711». Иногда с так называемым hashbang "#!" В качестве разделителя. Некоторые серверы даже настроены так, что знак хеша может быть полностью опущен. HTML5 требуется для этой альтернативы, что можно предположить не позднее, чем через несколько месяцев.

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

Такие собранные ссылки можно назвать фальшивыми, потому что за ними нет реальной страницы, просто указатель, который сообщает приложению, какие части загружать. Например, сканер не найдет там хорошо структурированный файл с метатегами HTML, такими как title, description и, как уже упоминалось выше, даже без непосредственно распознаваемых ссылок.
Конечно, это негативно сказывается на рейтинге поисковых систем.
Этой проблемы можно избежать для «важных» областей, фактически создавая целые страницы и частичные целые страницы снова.

вывод

В настоящее время возможности основных поисковых систем по-прежнему неудовлетворительны в контексте одностраничных приложений - окончательное решение еще не найдено в области SEO.
Довольно свежий HTML5 API Хотя уже предлагает хорошие возможности для опытных программистов манипулировать историей браузера, но еще не поступил на все устройства.
Google выходит в своей версии 2.0 AngularJS очень перспективный способ маршрутизации. Однако, здесь полностью установлена ​​последняя версия Javascript (ECMA6), которая в настоящее время вряд ли поддерживается браузером есть.

На данный момент тема «SEO / SEA и AJAX» находится в середине фазы самораскрытия и оптимизации. Но, как всегда, Интернет найдет решение этой проблемы. Верен девизу: « Разработка новых веб-технологий никогда не была такой быстрой, как сегодня. "

SEO и SEA в перекрестном огне AJAX и одностраничных приложений 2015-10-22 2017-04-19 https://www.mso-digital.de/wp-content/uploads/2017/02/Logo-MSO-Digital .png MSO Digital https://www.mso-digital.de/wp-content/uploads/2015/10/shutterstock_303139073-1.jpg 200px 200px

Похожие

Комментарии