Оптимизация фoто

tasya24 · 23-04-2013, 15:38:28

Только начинаю разбираться с оптимизацией.
Подскажите, пожалуйста, как оптимизировать фoто? На сайте представлена галерея картинок, например, на одной странице 16 фoток гостиной, на другой 13 фoток кухни.
На страницах внизу вставлен текст про гостиную, на другой по кухни для оптимизации.
Как надо писать title, descriptions, keyworsds? Они все должны быть разные у всех фoто или нет. те не может быть у всех одинаковые ключевые слова?
фoто гостиной, гостиная фoто, гостиная интерьер и тд.??

tamkor · 23-04-2013, 16:12:31

Цитата: tasya24 от 23-04-2013, 15:38:28Они все должны быть разные у всех фoто или нет

Да, должны быть разные.

musorhik · 23-04-2013, 16:37:27

Не забудьте прописать alt фoтографий. Страницу затачивайте под запрос, фoто только в помощь. Основной текст. Удачи

kstnews · 23-04-2013, 16:59:10

Цитата: tasya24 от 23-04-2013, 15:38:28Как надо писать title, descriptions, keyworsds? Они все должны быть разные у всех фoто или нет. те не может быть у всех одинаковые ключевые слова?

"Всё смешалось в доме Облонских..." (цитата Л.Н. Толстой)

title, descriptions, keyworsds - это для страницы. Для рисунков/картинок/фoто - alt, title. Желательно уникальные для каждой фoто.
[spoiler]
Тег alt дает возможность вместо отсутствующего, не загруженного, при отключенном браузере показе изображения - вывести его описание.
Полезен для поисковиков.
Тег title - текст, который появиться при наведении на картинку курсора мыши. Тоже желательно прописывать.
[/spoiler]

tasya24 · 23-04-2013, 17:18:14

Спасибо за разъяснения.
А почему тогда Яндекс пишет:

Размечая информацию о картинках на своём сайте разметкой schema.org/ImageObject, вы можете участвовать в сервисе Яндекс.Картинки.

Поддерживаемые поля
contentUrl или image – (URL) ссылка на изображение. Обязательное поле, если не заполнено thumbnail. Без заполнения одного из этих полей, данные не будут обработаны. Предпочтительно contentUrl, обязательно ссылка именно на файл изображения;
thumbnail – (ImageObject) описание изображения предпросмотра типа ImageObject, обязательно в случае отсутствия contentUrl или image;
name – (Text) название картинки;
caption – (Text) подпись к картинке;
description – (Text) описание изображения;
height – (Distance) высота изображения;
width – (Distance) ширина изображения.
Cвойства, принимающие значения типа Distance, имеют формат '<Число> <Единица измерения>'. например, '5 px'.

Пример разметки
<div itemscope itemtype="http://schema.org/ImageObject">
<h2 itemprop="name">Винни-Пух</h2>
<img src="vinni.jpg" itemprop="contentUrl" />
<span itemprop="description">Винни-Пух залезает на дерево.</span>
</div>

Т.е. description нужен??!!

Нол · 23-04-2013, 19:02:40

В рунете, на мой взгляд, еще не все освоили schema.org. Любой элемент в ней требует довольно кропотливой работы - нас, в отстутствие нормальных алгоритмов (ИИ), пытаются заставить описывать все мультимедийные объекты, картинки, видео и т.д., словами. Я пока не вижу особого взрывного продвижения страниц, в которых разметка сделана, по сравнению со старыми добрыми альт титл, окружение. Тем более, что новые cms уже потихоньку вставляют разметку по дефолту. Что касается старых методов, то я бы голосовал за галереи, в которых каждый рисунок входил бы с осмысленным описанием. Вот как в нормальных журналах сделано, типа этого. У себя, правда, мне такую красоту не удается навести. Да, по видео вообще караул, то, что Гугл понимаем на ура, Яндекс не хочет валидировать, и как в таких условиях все сайты перелопачивать...

dreadfox · 20-05-2013, 03:16:26

у гугла есть просто отличное описание процесса оптимизации изображений.
Кратко если:
в названии файла- ключ
название файла - длинное, описательное
картинка уникальная
ключи в алье и дескрипшене
ключей не больше 3 (желательно)
Ключи совпадают хотя бы частично с ключами всей статьи,страницы, на которой находятся

whiteseo · 21-05-2013, 14:10:38

Мета-теги должны быть как можно уникальней. К описанию и тайтлу особые требования.
По части тегов для картинки - лучше в них включать ключевое слово. Особо жестких требований к ним нет.

intelwond · 22-05-2013, 01:39:24

Цитата: tasya24 от 23-04-2013, 17:18:14
Поддерживаемые поля
contentUrl или image – (URL) ссылка на изображение. Обязательное поле, если не заполнено thumbnail. Без заполнения одного из этих полей, данные не будут обработаны. Предпочтительно contentUrl, обязательно ссылка именно на файл изображения;
thumbnail – (ImageObject) описание изображения предпросмотра типа ImageObject, обязательно в случае отсутствия contentUrl или image;
name – (Text) название картинки;
caption – (Text) подпись к картинке;
description – (Text) описание изображения;
height – (Distance) высота изображения;
width – (Distance) ширина изображения.
Cвойства, принимающие значения типа Distance, имеют формат '<Число> <Единица измерения>'. например, '5 px'.

Пример разметки
<div itemscope itemtype="http://schema.org/ImageObject">
<h2 itemprop="name">Винни-Пух</h2>
<img src="vinni.jpg" itemprop="contentUrl" />
<span itemprop="description">Винни-Пух залезает на дерево.</span>
</div>

Я бы посоветовал не париться.))
Синтаксис следующий:

Код Выделить

<img src="Путь к картинке, содержит ключевые слова." alt="Описание картинки для поискового робота, выводится на экран вместо изображения, если его не удаётся загрузить. Содержит ключевые слова." title="Название картинки, выводится при наведении курсора мыши на изображение. Наименее важен, но при желании можно заполнить. Содержит ключевые слова.">

Рядом с изображением - так называемый сопроводительный текст, который лишний раз описывает содержимое картинки и, опять же, содержит ключевые слова. При этом, понятное дело, ключевые слова не должны дословно повторяться. Также крайне желательно для каждого изображения придумать свои оригинальные аттрибуты.
Как-то так.