JavaScript практически ничего не значит для вас с точки зрения SEO в практическом смысле. Поисковые системы в основном видят необработанный текст так же, как вы видите исходный текст страницы. Поисковая система не запускает JavaScript на этом источнике страницы, это буквально похоже на то, что вы смотрите на него по большей части. Более полезным подходом было бы объяснить, как вы можете сделать свой веб-сайт SEO-совместимым сейчас, используя AJAX, вместо того, чтобы полагаться на очень ограниченную поддержку поисковых систем, поддерживающих JavaScript. Это очень просто, если вы знаете формулу.
Важно, прежде всего, понять, стоит ли вам это делать. Для начала, если ваш веб-сайт в основном представляет собой программную форму или, например, игру HTML5, тогда вам не нужно беспокоиться о SEO, кроме установки начальных мета-тегов и наличия контента на странице, который объясняет, о чем он. Если у вас есть веб-сайт, основанный на контенте, или, в особенности, веб-сайт, посвященный электронной коммерции, это отдельная история, и вам нужно быть очень осторожным, чтобы весь ваш контент сначала был доступен для поиска, а затем добавьте AJAX в качестве обледенения.
Моя история - создание сайтов SEO и дружественных для электронной коммерции сайтов, которые имеют интерактивный интерфейс AJAX для отображения продуктов и контента. Я также создал много информационных веб-сайтов, которые обслуживают контент через AJAX и являются SEO-совместимыми. Если вы зайдете в мой профиль, вы увидите несколько веб-сайтов, на которых это происходит, например http://www.klim.com/en-us/shop (пример электронной торговли) и http://www.kitgui.com/docs (пример исключительно контента). Эти сайты очень высокого уровня с точки зрения реализации, а некоторые приближаются к отметке 100 тыс. С точки зрения размера проектов, которые я беру на себя. Другими словами, клиенты очень серьезны и ожидают большой отдачи от инвестиций, поэтому SEO очень важен.
Подход довольно прост и понятен, чем предложение Google.
- Сделайте так, чтобы ваш сайт работал без AJAX, где это применимо. Любой обслуживаемый контент должен быть напрямую связан через уникальный URL-адрес, который заставляет браузер выполнить другой запрос (а не URL-адрес с хэш-тегом). Для первого шага сфокусируйтесь на том, чтобы просто обслуживать, чтобы быть просто Джейн.
- Везде, где вы хотите, чтобы контент, обслуживающий контент, использовал AJAX, используйте jQuery и прикрепите событие click, чтобы отменить текущее поведение клика, а затем используйте метод jQuery «load», чтобы рисовать контент через AJAX и заполнять область контента на своей странице. Убедитесь, что вы устанавливаете хэш для URL-адреса каждый раз, когда вы делаете это с фактическим URL-адресом относительно корня, но добавляется как хэш-тег, например так: / myoriginalURL # / mynewurl, чтобы после хеша был реальный реальный URL-адрес, на который вы бы пошли .
- Позаботьтесь о поддержке события hashchange, пока манипуляция историей HTML5 не станет более поддерживаемой. Это позволит вам использовать кнопки истории назад / вперед и закладки.
Если вы хотите, чтобы фактическая реализация была прописана, я ответил на другой связанный пост о переполнении стека, который вы можете найти здесь -> см. Пост , который очень подробный и объясняет, как это сделать в сценарии реального мира. .
Во всем этом болтовне о SEO не забывайте о возрастающей важности этих других способов привлечения трафика на ваш сайт:
- Открытый график
- Sematic Web
- Социальные лайки (Facebook, Twitter, Disqus, AddThis и т. Д. И т. Д.)