JavaScript ссылки и SEO?

Question

Сначала взгляните на эту демонстрационную страницу: http://vidasp.net/tinydemos/seo-javascript-links.html

На странице имеется меню, и при щелчке по пункту меню будут отображаться различные ссылки на другие веб-страницы (которые являются частью веб-сайта). URL-адреса ссылок имеют следующий формат:

www . foo . com / articles / XXX / descriptive-title-of-the-article

... где XXX - трехзначный идентификатор данной статьи.

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

Я использую JavaScript, потому что я не хочу использовать серверную часть. Я предполагаю, что в этом случае мне придется хранить данные в базе данных SQL, а затем использовать C # / PHP / и т. Д. генерировать ссылки. Тем не менее, это не вариант для меня - я ориентирован строго на сторона клиента.

Кстати, если вы хотите увидеть более детальную демонстрацию сгенерированных JavaScript-ссылок, перейдите сюда - http://www.w3viewer.com - на этой странице ~ 400 ссылок, все из которых генерируются динамически через JavaScript.

Вопрос:

Теперь мне нравится этот подход - использование JavaScript для генерации ссылок - однако, следствием этого подхода является то, что сканеры поисковых систем не регистрируют ни одну из этих ссылок - они просто «видят» пустую страницу без ссылок ( Я полагаю, что это катастрофа SEO.

Итак, мне было интересно, как я мог оптимизировать этот подход?

Обновление (следующий вопрос):

Не могу ли я использовать карту сайта Google, чтобы сообщить сканеру Google, какие веб-страницы существуют на веб-сайте? Таким образом, я мог бы сохранить лицевую страницу (демонстрацию выше) как есть (без статических ссылок), и сканер использовал бы карту сайта для сканирования всех веб-страниц моего веб-сайта.

Я еще ничего не знаю о картах сайта Google, но мне интересно, почему никто их не предложил. Могут ли они быть решением моей проблемы?

Answer 1

Похоже, что вам действительно нужно сгенерировать HTML с использованием шаблонов перед развертыванием, используя что-то вроде Template :: Toolkit ttree. Затем вы можете хранить свою базу данных на компьютере development . Нет необходимости в JavaScript.

Вот упрощенный пример:

[%- 
db = {
    Foo => [
        { id => "001", title => "First article" },
        { id => "002", title => "Another article" },
        { id => "003", title => "Yet another article" },
    ], 
    Bar => [
        { id => "004", title => "First article in this category" },
        { id => "005", title => "Another article in bar" },
        { id => "006", title => "Third bar article" },
    ],
    Baz => [
        { id => "007", title => "Baz article No. 1" },
        { id => "008", title => "The second Baz article" },
        { id => "009", title => "The last article" },
    ],
}
-%]

[%- FOR category IN db.keys -%]

<h2>[%- category -%]</h2>

[%- articles = db.$category -%]

[%- FOR article IN articles -%]

<p>Article: <a href="http://www.example.com/articles/[%- article.id -%]/">
    [%- article.title -%]</a></p>

[%- END -%]
[%- END -%]

C:\Temp> tpage t.html

<h2>Bar</h2>

<p>Article: <a href="http://www.example.com/articles/004">First article in this
category</a></p>

<p>Article: <a href="http://www.example.com/articles/005">Another article in bar
</a></p>

<p>Article: <a href="http://www.example.com/articles/006">Third bar article</a><
/p>

<h2>Baz</h2>

<p>Article: <a href="http://www.example.com/articles/007">Baz article No. 1</a><
/p> 

& hellip;

Answer 2

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

Поскольку эти страницы воспринимаются как дверные проемы, которые не соответствуют т. Д. Большинства поисковых систем, также без URL-адресов, на которые они ссылаются, они получат очень низкую оценку, и даже если они будут проиндексированы, они не будут иметь очень хороший рейтинг,

Answer 3

Если вы избегаете серверной стороны, потому что предпочитаете JavaScript этим другим языкам, вы всегда можете использовать node.js на сервере.Уже существует движок представления jQuery Templates для node.js , который работает с Express, так что вы даже можете использовать один и тот же шаблон на клиенте или сервере.

Не связано: не следует использоватьпоследняя ссылка на jQuery в CDN (т. е. 1.4 против 1.4.4).Эти запросы обслуживаются с очень коротким заголовком expires , что является большим недостатком производительности.На этом этапе для постоянных посетителей быстрее, если вы просто используете самодостаточную копию.

Answer 4

Использование карты сайта поможет вашим страницам сканировать Google, но Google ранжирует вас по названию страницы + содержанию.Также, если вы используете постоянные ссылки (вы уже используете), и заголовок страницы также существует как тег h1 внутри тела, что было бы здорово.

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

Если вы добавите карту сайта, вы можете использовать приведенный ниже скрипт.

Повторные списки URL.Дата с часовым поясом, приоритет от 0 до 1, по умолчанию 0,5:

<url>
<loc>page url</loc>
<lastmod>2011-02-06T03:13:29+02:00</lastmod>
<changefreq>monthly</changefreq>
<priority>0.7</priority>
</url>

Окончание:

</urlset>

Answer 5

Вы можете использовать <noscript> All your anachor links here</noscript>, что означает, что сканеры и пользователи с отключенным javascript также увидят ссылки.Вы никогда не должны забывать о пользователях без javascript и базовой функциональности страницы исключительно на javascript (без предоставления альтернативы noscript), что также принесет пользу вам в смысле SEO.

Answer 6

используйте js и href ... хитрость в том, чтобы сайт работал с href, это то, что бот Google увидит в то же время, если браузер поддерживает его, будет использоваться js click обработчик.

Конечно, возвращение false из обработчика также останавливает href.