Как сделать ваш сайт JavaScript оптимизированным для SEO

1. Шесть инструментов, которые помогают вашему динамическому сайту JavaScript сканироваться поисковыми системами

В течение большей части жизни Интернета методы поисковой оптимизации вращались вокруг максимально возможного использования текстовых версий вашего контента, чтобы вы не сталкивались с контентом, который генерируется динамически, как с помощью JavaScript. По мере развития технологий это, похоже, все еще остается проблемой для известных поисковых систем, таких как Google, но так ли это? В общем, сканеры исторически смотрели только на необработанный контент, который находится в теле ответа HTTP, и обычно не интерпретировали то, что интерпретировал бы обычный браузер с JavaScript.

Почти 10 лет назад Google начал сканировать и индексировать контент, отображаемый с помощью JavaScript, но он все еще был ограничен. В прошлом году Google объявил, что они обрабатывают Javascript способом, отличным от предыдущих ссылок, перенаправлений, динамически вставляемого контента и т. Д., Которые больше не доставляют неудобств. Хотя Google теперь может понимать и отображать большинство веб-страниц в современном веб-браузере, он не имеет такой же уверенности в каждом отдельном сценарии. Статический контент легко индексируется, но динамически генерируемый контент все еще может быть пропущен. Как вы это исправите? Используйте одну из этих программ, чтобы убедиться, что ваш JavaScript оптимизирован для SEO.

Шесть инструментов, которые помогают вашему динамическому сайту JavaScript сканироваться поисковыми системами

Если вы предпочитаете запускать свой собственный сервер, Prerender - это программное обеспечение с открытым исходным кодом, что означает, что весь код доступен для использования любому. Это программное обеспечение работает совместно со сканерами, поэтому, когда страница не кэшируется, но пытается получить к ней доступ, программа отображает страницу, как только она запрашивается, и кэширует ее по факту. Из-за этого процесса кеш всегда заполнен. Кэшированные страницы возвращаются очень быстро, поскольку промежуточное программное обеспечение Prerender было построено так, что пользователи будут видеть время отклика около 5 мс. Prerender следует спецификациям сканирования, которые Google написал для AJAX, поэтому нет никаких сомнений в том, что Google и другие поисковые системы будут корректно сканировать веб-сайт.
Следуйте этим рекомендациям, чтобы убедиться, что вы предоставляете правильную информацию сканерам. Убедитесь, что вы возвращаете правильные коды состояния обратно сканерам. Существует несколько различных мета-тегов, которые должны быть помещены в заголовок, который будет возвращать поисковику другой заголовок или код состояния на основе вызовов REST. Вам также нужно будет сообщить Prerender точно, когда страница будет готова для сохранения, чтобы Prerender мог работать более точно. Несмотря на то, что программа старается определить, когда страница загружается, иногда лучше сообщить об этом программе самостоятельно. Вам также нужно будет использовать собственный API Prerender для кэширования и повторного кэширования страниц. Это гарантирует, что они правильно кэшируются, когда сканер пытается получить к ним доступ. Страницы могут быть доступны с помощью API этой программы, когда они были изменены таким образом, чтобы страница была обновленной и было минимальное время ожидания для кеша, чтобы вызвать страницу.

Эта программа работает для автоматической загрузки всех ваших веб-страниц и их рендеринга в реальном веб-браузере. Это обеспечит выполнение вызовов AJAX, правильную работу Javascript и выполнение изменений DOM. Когда все это будет сделано успешно, BromBone сохранит соответствующий HTML-код. Когда робот поисковой системы попадает на веб-сайт, просто проксируйте предварительно обработанный снимок с помощью BromBone. Это первый и единственный шаг, необходимый для внесения изменений в код. Изменения будут небольшими, и BromBone покажет пользователю, что именно нужно делать. Это не должно пугать, все, что нужно сделать, это скопировать и вставить, на что способен каждый. Когда это будет сделано, программа отправит HTML-код боту из поисковой системы. Затем Google увидит веб-страницу, которая будет выглядеть точно так же, как та, которую люди увидят в своих собственных веб-браузерах. Затем Google будет правильно проиндексировать страницу, потому что BromBone уже запустил JavaScript и сделал вызовы AJAX.
Чтобы использовать BromBone, вам необходимо убедиться, что вы генерируете карту сайта XML, что, вероятно, уже имеет место. BromBone использует этот файл, чтобы убедиться, что страница готова для поисковых систем. Вам также понадобится передать снимок HTML из программы, когда бот поисковой системы посещает карту сайта. Это простой шаг и на самом деле состоит только из маленькой копии и вставки. Когда вы регистрируетесь, BromBone предоставляет бесплатные консультации, чтобы помочь вам правильно работать с JavaScript. Компания считает, что многим людям эта услуга не понадобится, потому что она очень проста в использовании, но BromBone обещает, что они сделают все возможное, чтобы ваш веб-сайт работал.

Когда Google индексирует веб-страницу, он не читает данные, а читает шаблоны. Из-за этого необходимо написать код для сервера, который будет отправлять версию сайта, не имеющую JavaScript, в Google. Иногда это означает, что вам придется в основном дублировать все это. Часть кода может быть повторно использована с удаленной функциональностью, но это все еще требует времени. Вы можете использовать Phantom JS, чтобы сделать снимок страницы, а затем передать их в Google, но он постоянно падает, он использует гораздо больше оперативной памяти, чем предполагалось - перегружая серверы, он движется со скоростью улитки, что приведет к штрафу в форма более низкого рейтинга в Google, и страницы просто не генерируются достаточно быстро.

С Angular JS HTML-снимки предварительно отображаются на всех страницах без необходимости внесения каких-либо изменений в код. Вам просто нужно получить страницу, когда Google начнет сканирование. Об обслуживании сервера будет полностью позаботиться, потому что разработчикам достаточно сделать, как есть. Angular JS позволяет всем членам вашей команды меньше беспокоиться об обслуживании, пока программа работает, чтобы ваш сайт был готов к индексации. Очень важно, чтобы ваш сайт можно было сканировать и индексировать, чтобы он отображался в результатах поиска Google, а Angular JS гарантирует, что ваш SEO находится в своей первозданной форме. Программа позволяет вам сосредоточиться на создании отличного сайта без необходимости полностью дублировать ваш код, связываться с дополнительными серверами или путаться в браузерах.

Эта программа сделает ваше JavaScript-приложение удобным для сканирования Google, что сделает их доступными в результатах поиска. Вы сможете интегрировать программу на свой собственный сервер, используя часть текста, которую вы скопируете и вставите на свой сервер. Вы можете использовать его с Nginx, Ruby on Rails, Apache или любыми другими программами. Когда вы добавляете свой веб-сайт в панель инструментов SEO.js, программа посещает вашу веб-страницу и собирает снимки HTML для каждого из них со всем динамическим содержимым, которое будет отображаться полностью. Программа также гарантирует, что снимки регулярно обновляются, чтобы отразить последние изменения. Когда сканер поисковых систем, такой как Googlebot, посещает веб-страницу, они автоматически видят полностью предоставленный контент. Это связано с тем, что SEO.js предоставит предварительно отрендеренную версию страницы, заданную моментальным снимком.
Это так просто использовать SEO.js для вашего сайта. Все, что вам нужно сделать, это добавить свою веб-страницу в панель инструментов SEO.js, а затем вставить текст интеграции в конфигурацию вашего собственного веб-сервера. Это оно! Когда вы закончите настройку, вам не нужно проверять программу. Это будет продолжать работать в фоновом режиме. Когда вы вносите изменения в веб-сайт или добавляете страницы, программа собирает информацию и затем передает обновленный контент в Google. Странице, которая быстро загружается, отдается приоритет в поисковой системе, а технологии, реализованные в SEO.js, обеспечивают загрузку страниц с очень низкой задержкой. Это просто означает, что они быстро загружаются. SEO.js также автоматически создает ваш XML-файл сайта, так что вам не о чем беспокоиться.

Year of Moo - это блог, созданный программистом, чтобы помочь другим программистам расширить свое образование в области веб-разработки, дизайна программного обеспечения и компьютерных наук. Цель блога - помочь всем, кто заинтересован в расширении своих знаний о разработке в сети. Основное внимание уделяется Angular, HTML5, CSS, анимации, JavaScript, Ruby и многим другим. В частности, вы можете найти такие вещи, как улучшение SEO SEO. Используя AngularJS, вы будете изменять структуру HTML-структуры, делая ранее представленный HTML-код недействительным для поисковых систем. Чтобы обойти это, вы будете использовать определенный URL-адрес и браузер без заголовка, чтобы получить новый HTML для поддержки SEO с Angular JS.

Bing и Google используют URL-адреса hashbang, которые информируют поисковую систему о том, что текущий доступ к веб-сайту содержит контент AJAX. Затем этот URL-адрес преобразуется во что-то, что доступно для сервера. Затем URL-адрес посещается, и содержимое должно отображаться так же, как и пользователю, который видит окончательную версию. С Angular JS вы настроите свой собственный веб-сервер для создания HTML-браузера без заголовка, который будет обращаться к вашей странице, а затем предоставит вам HTML-код для окончательного URL-адреса, который Google будет использовать. Если вы предпочитаете не использовать URL-адреса hashbang при информировании Google о содержимом AJAX вашего веб-сайта, вам потребуется включить специальный метатег в заголовок файла, к которому осуществляется доступ. Затем вам нужно настроить Angular JS на использование URL-адресов HTML5 при манипулировании URL-адресами и маршрутами. Рекомендуется использовать URL-адреса hashbang, чтобы можно было смешивать не-AJAX-страницы (например, базовую форму) для работы со страницами, не являющимися HTTP-URL-адресами hashbang (например, страницами регистрации).

Когда содержимое скрыто в шаблоне, Google трудно получить к нему доступ - он будет видеть пустые теги. Для Google крайне важно иметь возможность просматривать конечный продукт, чтобы ваш сайт отображался в результатах поиска. JavaScript помогает сделать веб-страницу визуально приятной и отличным API, но вам нужно будет продублировать код на сервере, чтобы Google мог ее прочитать. Использование Backbone экономит ваше драгоценное время. Одним из самых больших преимуществ использования Backbone является то, что он предотвращает раздражающее дублирование. Вам не нужно ничего перекодировать, чтобы вы могли сосредоточиться на том, чтобы сделать сайт максимально удобным для клиента. Backbone убирает беспокойство из-за кулис, чтобы вы могли уделить внимание своим клиентам. Архитектура ваших серверов станет проще с Backbone.

Backbone снимает напряжение, не прося вас устанавливать что-либо дополнительное на ваш сервер, в то время как программа обрабатывает страницы и выводит статическую HTML-версию контента и будет постоянно поддерживать ее в актуальном состоянии. Когда Google начнет сканирование, Backbone предоставит им эту статическую версию страницы, и жизнь продолжится. Программа предлагает помочь программистам, проходя их через каждый шаг, хотя они утверждают, что это не становится более трудным, чем копирование и вставка. BromBone работает с Backbone, чтобы сделать его таким, какой он есть. Он гарантирует, что конечный результат будет выглядеть точно так же, как увидят пользователи, и эта статическая версия будет передана роботу Google, когда они его попросят. Опять же, программа следует тому, что предлагает Google, поэтому вы знаете, что сайт будет сканироваться правильно.

Основатель DYNO Mapper и представитель Консультативного комитета в W3C.

Похожие

Комментарии