Как правильно кодировать входящие ссылки для SEO?

Question

наш сайт выдает «значки» нашим авторам. они могут публиковать их в своих личных блогах и служить в качестве входящих ссылок на наш сайт.

Мы хотим выдать наилучший из возможных кодов для SEO, не делая ничего, что помешало бы нам.

Я хотел бы знать, что вы думаете по поводу следующего фрагмента кода, и если у кого-нибудь есть какой-либо ОПРЕДЕЛЕННЫЙ совет по поводу того, что можно и что с ним делать. Кроме того, дайте мне знать, если какой-либо из них является избыточным или не стоит его для целей SEO.

Я сохранил CSS, так как некоторые из авторов не имели бы доступа для добавления ссылки на внешний CSS

Я изменил реальные значения, но title, alt и т. Д. Были бы описательными ключевыми словами, похожими на заголовки наших страниц и т. Д. (Без перегрузки ключевых слов или чего-либо еще)

<div id="writer" style="width:100px;height:50px;>
<h1><strong style="float:left;text-indent:-9999px;overflow:hidden;margin:0;padding:0;">articles on x,y,z</strong>
    <a href="http://www.site.com/link-to-author" title="site description">
        <img style="border:none" src="http://www.site.com/images/badge.png" alt="description of articles" title="View my published work on site.com"/>
    </a>
</h1></div>

спасибо

Answer 1

Использование H1 для вложения вашего "значка" - это действительно плохая идея - не настолько, чтобы это негативно сказалось на SEO для вашего сайта, но, скорее всего, испортит доступность (итаким образом SEO) автора сайта.H1 - H6 используются для обеспечения структуры документа путем семантического разделения заголовков документов.Случайное использование тегов заголовков может запутать программы чтения с экрана и веб-сканеры.Вы не можете многое сделать с точки зрения законного SEO, кроме правильного использования семантической разметки HTML.

Редактировать:

Что-то вроде этого было бы самой безопасной ставкой:

<div id="writer-badge" style="width: 100px; height: 50px;">
    <strong>
        Articles on x,y,z
    </strong>
    <br />
    <a href="..." title="site description" rel="profile">
        <img style="border: none" src="..." alt="..."
            longdesc="http://site.com/badges-explained"
        />
    </a>
</div>

Я поместил разрыв строки между текстом и изображением, чтобы трактовать текст как заголовок значка.Если он не предназначен для отображения таким образом, то я бы вообще пропустил теги <strong> (семантической ценности в инкапсуляции текста таким способом нет, и любой стиль может быть выполнен с использованием DIV или нейтрального по весу SPAN element).

ИМО, на самом деле нет причин для того, чтобы значок достижения имел собственный заголовок (на самом деле это даже не часть документа, просто расцвет в макете), но если вам абсолютно необходимо,тогда H6 было бы более подходящим и безопасным для использования, чем H1.

Что касается близости ключевых слов, то это, скорее, углубление в серую шляпу SEO (аналогично заполнению ключевыми словами), и яничего не знал бы об этом.Мне еще не приходилось сталкиваться с какой-либо достоверной информацией о том, как Google или другие поисковые системы относятся к размещению ключевых слов.Я думаю, что если вы правильно используете атрибуты тегов, такие как alt, title, longdesc, rel, rev и т. Д. В изображениях и ссылках, у вас все будет в порядке.

Answer 2

Я не думаю, что есть какие-либо проблемы с этим кодом, кроме вашего <h1> тега.Я бы, вероятно, изменил бы его на <h2> просто потому, что на страницах должен быть только 1 <h1> тег на странице.

Вы также можете использовать iFrame вместо этого, если хотите.Это то, что делает ТАК, но я знаю, что вы не получите столько хорошего блага.