Для того что бы продвинуться в нашем времени "продвинутого сео" нужно знать много тонкостей и мелочей, которые в конечном итоге "могут решить всё"
Узнал как правильно оформлять подписи к изображениям. Они должны идти единым блоком, но не див-ом, который их по сути не связывает, а тэгом <figure>.
Элемент <figure> представляет единицу содержимого, с необязательной подписью, которая является самодостаточной, на которую обычно ссылаются как на единое целое из основного потока документа, и которая может быть вынесена из основного потока документа [в другое место] без ущерба для смысла документа.
Картинка и подпись являются единым содержимым элемента (подобно свойству alt), что является семантической маркировкой. А ведь это сейчас очень важно для поисковиков, хотя они только начинают обращать на это внимание.
Приведу, пример. Есть логотип поисковика дешевых авиабилетов. Делаем подпись с направлением.
Вот два варианта - слева правильный, справа неправильный.
<figure> <p><img src="http://aerola.ru/templates/aviabilet/images/logo3.png" alt="aerola.ru" /></p> <figcaption style="text-align: center"><a href="http://aerola.ru/routes/afinx-novosibirsk.html" target="_blank">Из Афин в Новосибирск</a></figcaption> </figure> |
<p><img src="http://aerola.ru/templates/aviabilet/images/logo3.png" alt="aerola.ru" /></p> <p style="text-align: center"><a href="http://aerola.ru/routes/afinx-novosibirsk.html" target="_blank">Из Афин в Новосибирск</a></p> |