Ссылка картинкой и текстом

12
M
На сайте с 09.11.2018
Offline
13
1267

Подскажите, пожалуйста, как лучше с точки зрения seo сделать картинку ссылкой, чтобы она работала, как текстовая. Вижу, что на некоторых сайтах в ссылке вместе с картинкой размещается текст, который разными способами скрывается через стили. С нулевым размером шрифта, текстом в цвет фона и подобным не буду рисковать. Насчет замены текста в блоке фоновой картинкой с text-indent:-9999px и альтернатив нет уверенности, разрешено или нет. Какие есть легальные и рабочие способы, чтобы ПС учитывали текст ссылки, а пользователи видели только картинку?

M
На сайте с 09.11.2018
Offline
13
#1

Актуально!

Считают ли ПС нарушением такую конструкцию:

HTML:

<a href="http://site.ru/page.html"><img src="http://site.ru/img.jpg"><span class="hide">Текст</span></a>

CSS:

.hide {display: none;}

Нужно для графического меню на разделы сайта.

богоносец
На сайте с 30.01.2007
Offline
753
#2

Поисковики не «считают нарушением», а действуют по олгоритму!

Если вы какую-либо херню увидели в коде чего-то... в выдаче, то может быть и у вас такое прохиляет (но этого вам гарантировать нельзя).

Альты можете пробовать для одной из ПС https://www.google.ru/search?q=Maxxweb+%D0%BD%D0%B0+%D1%84%D0%BE%D1%80%D1%83%D0%BC%D0%B5

M
На сайте с 09.11.2018
Offline
13
#3
богоносец:
Поисковики не «считают нарушением», а действуют по олгоритму!
Если вы какую-либо херню увидели в коде чего-то... в выдаче, то может быть и у вас такое прохиляет (но этого вам гарантировать нельзя).
Альты можете пробовать для одной из ПС https://www.google.ru/search?q=Maxxweb+%D0%BD%D0%B0+%D1%84%D0%BE%D1%80%D1%83%D0%BC%D0%B5

Ну пусть по алгоритму, суть вопроса от этого не меняется.

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

Сайтов с подобным встречается довольно много, в том числе среди принятых в Яндекс.Дзен и РСЯ. Чаще всего текст скрыт через span или text-indent с большим отрицательным числом. Насчет х…, как вы выразились, не так очевидно, ведь раньше некоторыми такими способами делали красивые заголовки. Может все с этим нормально, поэтому и уточняю. Без текста выглядит красивее. Про alt картинок и title ссылок в курсе, это не то.

D.iK.iJ
На сайте с 26.05.2013
Offline
225
#4

Обычно с картинками делаю так:

<a href="http://site.ru/page.html" title="Текст"><img src="http://site.ru/img.jpg" alt="Текст"></a>

Понимает ли ПС- вот не знаю даже.

Можно еще разметить их через Схема орг:

https://yandex.ru/support/images/schema-org.html

Хоть какой-то толк :)

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
V
На сайте с 19.01.2016
Offline
86
#5
Maxxweb:
как лучше с точки зрения seo сделать картинку ссылкой, чтобы она работала, как текстовая.

А в чем смысл?

M
На сайте с 09.11.2018
Offline
13
#6
vreditel:
А в чем смысл?

В том, чтобы ссылка одновременно была и графической и текстовой, чтобы включить ключевые слова в текст, а не только в alt картинки и title ссылки. Много где читаю, что текстовые ссылки сильнее графических. Для чего было выше, рассматриваю вариант сделать графикой второстепенное меню.

богоносец
На сайте с 30.01.2007
Offline
753
#7

А вы там же и спросите как измерялась сила сцылки. Или не читайте

А про атрибут title вам тут не говорили например.

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

M
На сайте с 09.11.2018
Offline
13
#8
богоносец:
Ссылку можете делать текстовой, а стилями превращать в графическую... без нулевого размера шрифта.

Я ведь и спрашиваю, как это нормально реализовать. У вас есть пример кода? Если в текстовой ссылке через стили поставить фоновую картинку, то текст виден, и нужно его как-то скрыть без серых способов. Два варианта приводил выше, есть какие-то еще? Хотелось бы конкретики.

богоносец
На сайте с 30.01.2007
Offline
753
#9

<html>

<body>


<span id="title"><a href="https://www.google.ru/">анкор для верующих в силу сцылки</a></span>

<script type="text/javascript">
document.getElementById("title").innerHTML='<a href=\"https:\/\/www.google.ru\/\"><img src=\"https:\/\/encrypted-tbn0.gstatic.com\/images?q=tbn:ANd9GcQngW0S4TNWoQwtRf7hXnY9fnOtYfVtyz3rXstUUb-EokhNG3e83FUGTLxLJA\"><\/a>';
</script>

</body>
</html>

Вы же говорили, что примеры видели...

Вон там http://www.unmedia.ru/js-seo.html этой херни навалом.

V
На сайте с 19.01.2016
Offline
86
#10
богоносец:
<span id="title"><a href="https://www.google.ru/">анкор для верующих в силу сцылки</a></span>

🤣🤣🤣🤣🤣

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий