HD-изображения для электронной коммерции и SEO
У меня есть веб-сайт электронной коммерции, на котором изображения товаров в настоящее время изменены до максимального размера 250x250 и показаны пользователю. Я уменьшаю исходные изображения высокой четкости до размера, позволяющего быстро загружать страницу.
Вот что делается в настоящее время:
- Изображения являются частью информации о микроданных продукта.
- Каждое изображение продукта указано на моем веб-сайте sitemap.xml
- Изображение продукта загружается через IMG метка.
Я хочу воспользоваться версией HD, которую я храню на своем сервере, и показать ее пользователям в дружественной форме, но также хочу помочь ранжировать изображения.
Как я могу заставить Google связать мое изображение наиболее удобным для SEO способом? Возможно, я мог бы заменить изображение на карте сайта версией HD.
Однако меня беспокоит то, что я, похоже, не могу сделать то же самое для фрагмента продукта, поскольку Google ненавидит скрытый контент, и я, конечно, не хочу, чтобы изображение HD было загружается при загрузке страницы продукта. Существуют ли какие-либо альтернативы фактической загрузке полноразмерного изображения?
1 answers
Используйте эти теги.
<a href="http://www.example.com/hd-image.jpg"><img src="http://www.example.com/thumbnail-img"/></a>
Большинство сайтов электронной коммерции, сайтов блоггеров и википедии используют ссылки в изображениях для SEO изображений.
Здесь вы отображаете сжатое изображение в img src, поэтому оно быстро загружает изображения, но когда Google spider увидит эту ссылку, они будут индексировать HD-изображения в поиске изображений Google.
И, когда любой пользователь нажимает на изображение, пользователь увидит изображение HD, потому что на самом деле он нажимает на ссылку, и эта ссылка указывает на изображение HD. По умолчанию это откроется в том же окне, но вы можете использовать JS и CSS для открытия в тех же окнах. Есть много учебников по лайтбоксу и всплывающему окну для более стильного способа отображения изображений.