Каков наилучший синтаксис использования html именованных текстов привязки на вкладках для лучшей SEO-поиска? - PullRequest
0 голосов
/ 06 февраля 2011

Вопрос о якорях в формате html , с максимальной дружественностью к SEO, а также удобством для пользователя. В настоящее время на вкладках нашего веб-сайта используются автоматически создаваемые javascript числовые якоря, например, когда мышь наводит на них курсор, пользователь видит: page#1, page#2 и page#3 Хотя это работает нормально, я думаю, это не очень привлекательно для поисковой системы.

Теперь вкладки отображаются в html следующим образом:

<div class="panel">
    <h3 class="tab">Tab Title</h3>
    <p>Contents</p>
</div>

<div class="panel">
    <h3 class="tab">Tab Title</h3>
    <p>Contents</p>
</div>

Таким образом, мой план состоит в том, чтобы сделать неавтоматически назначенные якоря для этих кнопок-вкладок javascript, например. page#overview, page#services и page#prices.

Q1. Сделают ли якоря новой вкладки мой сайт лучше для поиска?

Q2. ИЛИ, если якорные тексты будут более конкретными? если так, то почему ткач снов не позволяет мне делать более конкретные якоря, например,
page#architectural services overview или
page#ornamental garden fountains?

В Dreamweaver я перехожу на menu > Insert > Named Anchor и заполняю в одном поле что-то вроде «фонтанов». Затем Dreamweaver вставляет следующее:

<a name="fountains" id="fountains"></a>

Q3. Обе ли они необходимы , или это просто одна из частей, или же тег должен быть даже расширен путем добавления заголовка = "фонтана", другими словами, каков лучший способ написания элегантных якорей в наши дни?

Q4. В чем различия , если таковые имеются, между якорем, якорным тегом, именованным якорем, html-якорем

Ответы [ 2 ]

2 голосов
/ 06 февраля 2011

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

Q1 : page#overview isуказав идентификатор элемента.page#overview также является недействительным HTML, так как нет элемента <page>.Google читает то, что написано на вкладках, а не их идентификаторы.Просто сделайте их описательными.

Q2 : page#architectural services overview - полностью недопустимый HTML.Если вы должны сделать такой длинный идентификатор, используйте подчеркивание: page#architectural_services_overview.В противном случае вы можете получить сумасшедшие результаты при отображении страницы ...

Q3 : атрибуты HTML (href, rel, alt, id, name, title и т. Д.) У каждого есть цель.Как вы знаете, href используется для обозначения местоположения, на которое указывает ссылка.name используется серверными сценариями при отправке форм, так что будьте добры к ним.Я бы не стал трогать name, если он не используется сценарием PHP или тому подобным.

Q4 : Вот почему я не люблю Dreamweaver ... Якоря (поправьте меняесли я не прав) используются браузером для прокрутки элементов внутри страницы.Они обозначены id элемента с добавлением #.Попробуйте нажав здесь .href - это /2497410/kakov-nailuchshii-sintaksis-ispolzovaniya-html-imenovannyh-tekstov-privyazki-na-vkladkah-dlya-luchshei-seo-poiskatop, а #top - верхняя часть документа.

Аналогичным образом, нажатие здесь приведет вас к нижней части.Он ссылается на #footer-menu.

Надеюсь, это поможет;)

1 голос
/ 06 февраля 2011
  • JavaScript выполнен на стороне браузера , поэтому это не принесет никакой пользы для SEO (используйте «fetch as googlebot» в Инструментах Google для веб-мастеров, чтобы проверить, что на самом деле «проиндексировано»).
  • Поисковые системы игнорируют «фрагменты» (как якоря упоминаются при включении в URL). Так что, опять же, никакой пользы от SEO.
...