Как не вставлять SEO на JavaScript-Intense Site

/, SEO/Как не вставлять SEO на JavaScript-Intense Site

Как не вставлять SEO на JavaScript-Intense Site

В мире поисковой оптимизации (SEO) путаница изобилует тем, как — и нужно ли — использовать JavaScript. Обозреватель Нейл Патель утверждает, что это можно сделать и обсуждает, как JavaScript можно применять безопасными, оптимизированными для SEO способами.

javascript-js-ss-1920

Фраза «SEO-friendly JavaScript» звучит как оксюморон. В течение многих лет веб-мастера, разработчики и оптимизаторы волновались и жаляли свои руки, размышляя: «Будет ли Google индексировать мой сайт JavaScript?»

Google не всегда помогал в ответе на вопрос окончательно. До октября 2014 года руководство Google в отношении веб-мастеров заявляло, что «пауки поисковых систем могут испытывать проблемы с обходом вашего сайта» при использовании «причудливых функций, таких как JavaScript». Хотя эти рекомендации были обновлены с учетом улучшенных возможностей сканирования и индексирования Google, постоянные проблемы, связанные с JavaScript, заставили разработчиков, ориентированных на SEO, уклоняться от использования его вообще.

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

Однако вы не должны полностью игнорировать проблемы. Я имел дело с клиентами, у которых целые разделы сайта полностью не проиндексированы из-за избытка JavaScript. Крайне опасно идти на огромный объем работы, создавая целый сайт или веб-приложение, только чтобы обнаружить, что он не может быть проиндексирован.

Подходы, описанные ниже, не являются практическими, а предложениями. Кроме того, они включают некоторую степень перекрытия. Найдите метод, который работает на вашем сайте, и продолжайте с уверенностью.

Резервный контент

Отказоустойчивая страница или резервный контент — это то, что это похоже — резервная страница, которая будет отображаться вместо вашей страницы JavaScript. Он содержит контент, закодированный в HTML, который анализируется, когда внешний принимающий ресурс не поддерживается, как в случае с некоторыми сайтами JavaScript.

Правильное выполнение резервных страниц может быть сложным и трудоемким. Вы можете выбрать очень простой подход к резервному контенту, показывая только самые важные функции текста и форматирования.

Этот подход позволяет использовать пользовательский интерфейс с помощью JavaScript, предоставляя поисковым паукам индексируемый HTML-контент, который они предпочитают.

Ненавязчивый JavaScript

Некоторые пользователи, и мы включим пауков в эту группу, не смогут получить доступ к JavaScript с загрузкой на вашем сайте. Проблема заключается в дерьмовом UX и ужасающем SEO.

Другим потенциальным решением является ненавязчивый JavaScript. С ненавязчивым JavaScript вы кодируете свои функции JavaScript отдельно от содержимого сайта. Вы можете подумать об этом как рецепт из трех ингредиентов, который вы смешиваете в следующем порядке:

  • HTML (содержимое и структура страницы)
  • CSS (стиль)
  • JavaScript (интерактивность)
  • Каждый ингредиент добавляет важную часть рецепта, но делает это, не препятствуя любому уровню доступности или сканируемости.

    image03

    Изображение от SixRevisions.com

    Клиент, обращающийся к сайту — скажем, поисковый паук — сначала на вкус HTML-контента. Это SEO-богатый и прекрасно усваиваемый. JavaScript и CSS начинают загружаться дальше, позволяя человеческому клиенту видеть страницу во всей ее славе.

    Вот как это делает A List Apart:

    image02

    На этой диаграмме содержимое является HTML. Затем этот контент покрывается CSS («презентация»), а затем JavaScript («клиентские скрипты») подходит, чтобы сделать все лучше.

    Альтернативный способ думать о ненавязчивом JavaScript заключается в следующем: вы не создаете страницу JavaScript. Вместо этого вы создаете HTML-страницу и интегрируете JavaScript, используя внешние скрипты для выбора поведения (например, меню). У Armando Roggio есть отличный шаг за шагом на GetElastic.com.

    Прогрессивное улучшение (PE)

    Использование страниц с прогрессивным улучшением позволяет вам создать уровень UX для каждого уровня функциональности браузера и пропускной способности. Этот метод может работать рука об руку с ненавязчивой методологией JavaScript выше.

    Прогрессивное улучшение — это скорее методология, а не фактическая цель. Одним из его самых больших преимуществ является то, что он предназначен для мобильных устройств.

    прогрессивное улучшение

    Изображение из DeepBlue.com

    Вместо того, чтобы показывать ваш потенциально ориентированный на SEO недружественный JavaScript-интерфейс и центр, вы должны создать версию страницы на самом базовом уровне HTML. Затем вы создадите другую версию страницы с более расширенными функциями, добавив в свой JavaScript.

    Методика кодирования для PE является трудоемкой, потому что она требует создания нескольких полных версий одной и той же страницы. Но потенциал для SEO ясен. Содержимое, независимо от запрашивающего клиента, полностью доступно паукам и индексируется для поисковых систем. Поскольку базовое содержимое страницы — это HTML, оно легко подбирается и индексируется любым поисковым пауком.

    Обслуживание поисковых систем Альтернативные версии страниц

    В случае веб-приложений JavaScript использование различных версий страниц для поисковых пауков — единственный способ успешно получить SEO.

    удушье! Это клоакинг? На самом деле, да.

    И не скрывает ли один из семи оригинальных грехов SEO? Да снова. Но в этом случае клоакинг — белая шляпа и здоровая.

    В качестве отказа от ответственности я обычно не рекомендую эту методологию в первую очередь. Я считаю, что это последнее средство, предлагаемое только для приложений, основанных исключительно на Java.

    Когда ваша страница или приложение запрашивается пауком, вы пересылаете этот запрос в отдельное приложение, которое вытягивает сайт с помощью SEO-рендеринга и передает его обратно пауку. Сторонние приложения, такие как BromBone и Prerender, могут облегчать доставку кодов состояния и заголовков.

    Вот как это работает.

    image00 (1)

    Изображение с сайта Nodejsmongodb.com.

    Если вы выберете этот метод, следите за соблюдением рекомендаций Google. Вот официальное заявление о том, как сканеры Google получат доступ к динамическому контенту.

    Заключение

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

    Но если он не сканируется и не индексируется, это бесполезно. Если вы идете по маршруту JavaScript или уже имеете — убедитесь, что вы следовали процедуре SEO, которая имеет наибольший смысл для вашего сайта.

    Какие методы вы предпочитаете для SEO-ориентированного JavaScript?

    By | 2018-10-31T14:50:10+00:00 Октябрь 6th, 2017|Categories: Google, SEO|Tags: , , |0 Comments

    Leave A Comment

    %d такие блоггеры, как:
    ОСТАВЬТЕ ЗАЯВКУ
    Перешедшим от других SEO-компаний приветственная скидка 40%
    Мы Вам перезвоним и подготовим лучшее предложение.
    1. Позвоним
    2. Проведем аналитику
    3. Разработаем прогноз
    4. Презентуем стратегию
    5. Подпишем договор
    6. Запустим проект
    Хотите купить квартиру?
    Обращайтесь и мы Вам поможем
    • Скорость решения вопроса
    • Ваш финансовый интерес
    • Качественное обслуживание
    • Всесторонняя забота о клиенте
    • Работаем на репутацию
    • Поддержка на всех этапах
    * we never share your e-mail with third parties.
    Do you want more traffic?
    Dignissim enim porta aliquam nisi pellentesque. Pulvinar rhoncus magnis turpis sit odio pid pulvinar mattis integer aliquam!
    • Goblinus globalus fantumo tubus dia montes
    • Scelerisque cursus dignissim lopatico vutario
    • Montes vutario lacus quis preambul den lacus
    • Leftomato denitro oculus softam lorum quis
    • Spiratio dodenus christmas gulleria tix digit
    • Dualo fitemus lacus quis preambul pat turtulis
    • Scelerisque cursus dignissim lopatico vutario
    • Montes vutario lacus quis preambul den lacus
    SUBSCRIBE TO OUR NEWSLETTER AND START INCREASING YOUR PROFITS NOW!
    * we never share your e-mail with third parties.
    ОСТАВЬТЕ ЗАЯВКУ
    6 шагов за 31 день для увеличения ваших продаж
    1. Анализируем спрос и предложение
    2. Выделяем тематические сегменты
    3. Создаем группы объявлений
    4. Следим за отдачей от объявления
    5. Корректируем рекламную кампанию
    6. Предоставляем подробные отчеты
    ОСТАВЬТЕ ЗАЯВКУ
    При заказе сайта магазин на Facebook бесплатно!
    И вы получите самый социальный инструмент для продаж.
    1. Проведем аналитику
    2. Подготовим контент
    3. Добавим продукты
    4. Произведем настройку
    5. Синхронизируем магазины
    6. Вам остается наслаждаться




    PGlmcmFtZSB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzcmM9Imh0dHA6Ly9tYWdhemluc2l0ZS5ydS93cC1jb250ZW50L3VwbG9hZHMvMjAxNy8wOS/QodC+0LfQtNCw0L3QuNC1LdGB0LDQudGC0LAt0LIt0JrQuNGI0LjQvdC10LLQtS3QnNC+0LvQtNC+0LLQsC5tcDQ/YXV0b3BsYXk9MSIgZnJhbWVib3JkZXI9IjAiIGFsbG93ZnVsbHNjcmVlbj48L2lmcmFtZT4=
    ЗАЧЕМ СОЗДАВАТЬ САЙТ
    • Goblinus globalus fantumo tubus dia montes
    • Scelerisque cursus dignissim lopatico vutario
    • Montes vutario lacus quis preambul den lacus
    • Leftomato denitro oculus softam lorum quis
    • Spiratio dodenus christmas gulleria tix digit
    • Dualo fitemus lacus quis preambul pat turtulis
    * we never share your e-mail with third parties.
    Do you want massive traffic?
    Dignissim enim porta aliquam nisi pellentesque. Pulvinar rhoncus magnis turpis sit odio pid pulvinar mattis integer aliquam!