Как попасть в яндекс картинки
Перейти к содержимому

Как попасть в яндекс картинки

  • автор:

как попасть в яндекс картинки

В инет магазине товар будет браться скорее всего из базы (на худой конец из текстового файла). Надо залезть в код, найти какой переменной выводится название товара и её вывести в альте — всё, больше ничего не сделаете с инет магазином. На 5000 подписанных картинок я получил 10 хостов в сутки. Интересно ссылки на картинки рулят? Все в топ по картинкам 🙂

На сайте с 05.01.2006

7 апреля 2008, 17:26

SAM99:
Интересно ссылки на картинки рулят

оО рулят 10 рулений

оО Раскрутка сайтов без абон. платы, единоразово от 100.000 руб.

Яндекс.Картинки

Яндекс.Картинки — это поиск картинок в интернете. Мы индексируем картинки в стандартных графических форматах (JPEG, GIF и PNG), размещенные в свободном доступе на сайтах интернета.

Иногда результаты поиска удобнее получить не в виде списка страниц, а в виде картинок. Например, когда вы ищете красивые обои на рабочий стол, схемы для вышивания, иллюстрацию для доклада. В Яндекс.Картинках можно узнать, как выглядит росомаха, или, скажем, профитроли. Или место, куда вы собираетесь поехать в путешествие.

Чтобы начать поиск, необходимо просто набрать запрос в поисковой строке и нажать на кнопку «Найти!». Также вы можете перейти на поиск по картинкам из поиска по вебу, кликнув по ссылке «Картинки» над поисковой строкой или на картинку справа от результатов поиска.

Картинки могут показываться непосредственно в результатах поиска по вебу, когда они являются хорошим ответом на запрос пользователя. Кликнув на картинку, можно попасть на сервис Яндекс.Картинки и продолжить поиск там.

Какие тексты нужны роботу для поиска изображений?

Для того чтобы понять, что изображено на картинке, поисковому роботу прежде всего требуется текст, заключенный в атрибуте alt тега img. Атрибут alt — это альтернативный источник информации для посетителей вашего сайта, у которых показ изображений в браузере отключен. Если атрибут alt прописан, то при невозможности показать картинку на ее месте отобразится текст атрибута. Без текста в атрибуте alt изображение будет показано как пустое.

Особенно важно описание картинок в атрибуте alt для сайтов, чей контент составляют преимущественно изображения (например: фотосайты, интернет-магазины и др.)

Прописать атрибут alt можно следующим образом:

[подпись к рисунку]

width=»[ширина рисунка]» height=»[высота рисунка]»>

В атрибуте alt следует писать не все ключевые слова сайта или страницы, а лишь те, которые действительно относятся к картинке. Это поможет роботу точнее найти картинку, а пользователю Яндекса — выбрать ее в результатах поиска и перейти на ваш сайт.

Атрибут title тега img также используется для подписи картинки. Текст, прописанный в этом атрибуте, появляется при наведении курсора на картинку.

[подпись к рисунку]

Прописать атрибут title можно так:

Если картинка является ссылкой, то title лучше приписывать к ссылке:

[подпись к рисунку]

Хотя тексты alt и title безусловно важны для поисковой машины, обратите внимание на то, что оба эти атрибута прежде всего предназначены для посетителей вашего сайта, делая сайт более удобным для использования. Делайте описания этих атрибутов соответствующими изображению на картинках.

Кроме alt и title при поиске по картинкам используются следующие тексты:
«тексты ссылок на картинки с других страниц и с других сайтов;
»прилегающий к картинке текст — расположенный на веб-странице в непосредственной близости к картинке;
«тексты и заголовки коротких документов, обрамляющих одиночную картинку;
»имена файлов и скриптов, в том числе с учётом транслитерации и упрощённого подстрочного перевода.

ПРОДВИЖЕНИЕ ПО КАРТИНКАМ

Задача специфичная, но в ряде случаев необходимая и весьма полезная.

Итак, господин Гроховский в своем труде «FAQ по продвижению в Яндекс.Картинки» рассмотрел 17 факторов ранжирования. Я добавлю и кое-что заменю, согласно своим наблюдениям и других авторов по этому вопросу. Все факторы внутренние, т.е. не требуют привлечения дополнительных финансовых вложений.

Статья основана на информационной модели Яндекса и иных факторов, которые возникли эмпирическим и иным путем.

1. Ключевые слова в имени файла

В формировании выдачи по картинкам, Яндекс понимает как транслитерацию, так и использует перевод с английского на русский.

2. Ключевые слова в ALT картинки
alt=»key_word»

3. Ключевые слова в TITLE картинки
title=»key_word»

4. Ключевые слова в тексте исходящих ссылок
Анкорные ссылки (анкор = ключевое слово, используется семантическое ядро и не только)
Картинки не упакованные в анкоры на текущий момент индексируются чуточку лучше.

5. Ключевые слова в URL исходящих ссылок
В ряде случае в ТОП попадают картинки со страничек списков, на которых находится большое количество картинок с ключевым изображением. На все эти изображения стоят ссылки, в тексте которых также содержатся ключевые слова.
Чем больше ссылок на картинку, тем выше она в топе.

6. Количество картинок с ключевым изображением
Т.е. различные картинки имеющие одно и тоже ключевое изображение. Например, фотосессия Памеллы Андерсон))) Разнообразие фото, но название одно — Памелла Андерсон.

7. Ключевые слова в H1 на странице

8. Ключевые слова в Strong (или тэг В) на странице

9. Ключевые слова в Keywords на странице

10. Ключевые слова в Description на странице

11. Расширение картинки

В Яндексе практически всегда выдается JPG, GIF и PNG встречается крайне редко (но это больше зависимость от вэб-мастеров нежели от Яши).

Все же рассматривать расширение файла как фактор ранжирования не стоит. Яндекс определяет одинаковые картинки разных расширений (к примеру, умеет сличать gif и jpeg).

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

13. Наличие нескольких размеров картинки
По ряду запросов в ТОП значительно чаще попадают картинки, представленные в нескольких размерах.

14. Ключевые слова в URL страницы с картинкой
Длинные названия файлов, которые к тому же имеют не человекопонятное содержание вряд ли попадут в поиск по картинкам.

15. Ключевые слова в изображении картинки
Т.е. ключевое слово (поисковый запрос) соответствует изображению показанному на картинке.

16. В тексте входящих ссылок (внутренняя перелинковка)

Немного теории… Внутренняя представляет собой связывание гиперссылками (ссылками) страниц сайта и предназначена для повышения релевантности страниц по низкочастотным (редко используемым) запросам в поисковых системах. Для ВЧ запросов (часто запрашиваемых) внутренняя перелинковка не подходит. Кроме того, она используется для обеспечения необходимого распределения веса страниц сайта. То есть она позволяет сосредоточить вес сайта на необходимых страницах в необходимой пропорции.

Желательно, чтобы страницы сайта были релевантны друг другу, то есть одной или сходной тематики, а лучше всего — как продолжение.
Текст ссылки нужно делать релевантным странице, на которую ссылается. Лучше всего, чтобы это было ключевое слово, по которому оно оптимизируется.

Также можно использовать параметр title (всплывающая подсказка) — простая декорация, на вес ссылки влияет не особо.

Если же ссылка задана в виде изображения, то крайне желательно использовать параметр alt.

Не стоит размещать все ссылки в одном месте, лучше всего, когда в основном тексте ссылка вставлена осмысленно и соответствует семантике контента. Например, можно напоминать читателям о ранее опубликованных данных, ссылаясь на предыдущую статью.
В конце статьи можно указать ссылку с необходимым текстом на предыдущие статьи. Но ссылки не должны быть типа «Предыдущая статья» или «Раньше» и т. п. В качестве анкора вставляйте либо название статьи, либо ключевые слова той страницы, на которую ведёт ссылка.

«В идеале, линки проставляются в разных сочетаниях (падежах) ключевых слов из тела страницы. Таким образом, ссылки по разным ключевым словам из текста страниц улучшают навигацию и лучше индексируются поисковыми системами, поскольку они окружены тематическим текстом и минимизируют уровень вложенности страниц. Важно, при проставлении ссылок из текста не стоит забывать об уникальности анкоров.» (с) Википедия

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

18. Уникальность картинки
Например, в jpg-файлах (а также в других) может храниться служебная информация, например, оставшаяся от Фотошопа и возможно другая информация. Чем уникальней фотка, тем лучше. Вычистить с изображения всю лишнюю информацию не только можно, но и нужно (похудение будет на лицо).

19. Ключевые слова к Видео и превью к нему
Оказывается (по своей супернавороченности или неучету программеров) анкорные ссылки Яндекс.Видео скрещиваются с Яндекс.Картинками и тоже играют немаловажную роль в этом процессе

Неясности:
Интересный момент. При использовании на сайте всплывающих лайт-боксов для укрупненного просмотра фотографии, могут возникнуть проблемы для индексации. Яша их не любит. Но факт до конца не изученный.

Примечание:
Есть еще некоторые нюансы, но они больше применимы к фотохостингам. Так что их рассматривать, думаю, как основу работы не стоит.

При написании данной статьи использовалась информация с Википедии, Яндекс.Помощь, FAQ и форумов по поисковой оптимизации, а также частные блоги.

Как попасть в колдунщики Яндекса и получить больше трафика ��

Яркие сниппеты в топе выдачи привлекут больше кликов и больше трафика, а значит и больше клиентов. У Яндекса в выдаче есть колдунщики — специальные модули, которые дают ответ на запрос из сервисов Яндекса или сторонних официальных сайтов. Часто они заметнее обычных сниппетов и находятся на нулевой позиции или справа от выдачи.

В колдунщики обычно попадали сервисы Яндекса, но в 2019 и 2020 году Avito, Wildberries, Profi.ru, Cian.ru, 2ГИС, Ivi и другие компании жаловались в ФАС на поисковик за злоупотребление доминирующим положением в выдаче. В результате разбирательств стороны пришли к мировой и Яндекс:

  • интегрировал в выдачу более 50 интернет-сервисов;
  • опубликовал условия и требования для интеграции в выдачу;
  • обязался каждый год проводить аудит непредвзятости ранжирования;
  • обязался выплатить 1,5 млрд рублей в Российский фонд развития информационных технологий.

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

Как попасть в популярные колдунщики Яндекса

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

В статье:

Всем сайтам — как попасть в блок быстрых ответов

В 2021 Яндекс выпустил обновление Y1, главная тема которого — экономия времени пользователя. В обновление вошли «быстрые ответы» — блоки колдунщика с ответом на запрос, которые находились над органикой и рекламой. Обычно это запросы информационным интентом.

Расширенный сниппет в Яндексе

Чаще всего пользователь получает из быстрого ответа исчерпывающую информацию по своему запросу, так что ему не нужно переходить на сайт. Это несправедливо: сайт делится информацией, а трафика не получает. Но бывает, что читателю нужны дополнения или весь ответ не уместился в колдунщике, тогда он может перейти на страницу.

Как попасть в «быстрые ответы» Яндекса

Как говорит Яндекс, алгоритм сам выбирает контент, «опираясь на множество факторов». Какой сайт имеет высокие шансы:

  • качественный по мнению Яндекса;
  • точно, лаконично и правдиво отвечает на конкретный запрос.

Проверить качество сайта и найти ошибки можно в онлайн-сервисе:

Онлайн проверка сайта

Ничего конкретного поисковик не говорит. Посоветуем четко формулировать ответы на вопросы, которые могут задавать пользователи.

Всем сайтам — как попасть в колдунщик с Яндекс.Картинками

Колдунщик с картинками выглядит либо как большой блок справа от выдачи, либо как расширенный сниппет в результатах поиска, часто примерно на третьей-четвертой позиции. Он появляется и по информационным запросам, и по коммерческим.

Расширенный сниппет с картинками в Яндексе Колдунщик в выдаче

Как попасть в колдунщик с Яндекс.Картинками

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

Как оптимизировать картинки:

  • Взять качественное изображение, лучше, чем у конкурентов: минимальная нижняя граница — 1080 px по высоте, если используете превью, то минимальный размер — 640 px в ширину.
  • Подобрать картинку, релевантную содержанию. Причем чтобы алгоритм это понял: если речь про кроссовки, то это должна быть крупная обувь на контрастном фоне, а не бегущий человек.
  • Заполнить alt — текстовое описание того, что показывает картинка.
  • Назвать файл ключевым словом на английском или транслитом, между словами дефисы.
  • Использовать микроразметку Schema.org для image.

Подробно разбираем оптимизацию изображений в большом руководстве по SEO для картинок.

Сайтам, продвигающимся по инфозапросам — как попасть в сниппет Яндекс.Кью

В ответ на инфозапрос о значении слова или предмета чаще всего появляется расширенный сниппет Википедии или профильного сайта. Но ряд запросов вызывают колдунщик со ссылкой на сервис Яндекс.Кью.

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

Расширенный сниппет с сервисом Кью

Как попасть в колдунщик Яндекс.Кью

Нужно зарегистрировать аккаунт в сервисе и активно отвечать на профильные вопросы. Можно зарегистрировать экспертный аккаунт и отвечать от своего лица, а можно выступать как представитель компании.

Какой ответ система посчитает полезным:

  • От оформленного профиля с именем, фото и подписью.
  • С прямыми формулировками: если спросили «почему», в ответе нужно употребить «потому что», если спросили «кто», должны быть названы лица.
  • Ответ на вопрос должен быть в первом абзаце, а дальше в новых абзацах объяснение и примеры.
  • Развернутый, не менее 1500 символов.
  • Уникальный. Можно копировать что-то и оформлять как цитаты, но ответ не может состоять только из цитат. Если берете информацию со своего сайта, делайте рерайт.
  • С расшифровкой профессиональных терминов.

У такого ответа больше шансов выйти в топ ответов на странице сервиса и попасть в выдачу.

Компаниям с адресом — как получить сниппет в Яндекс.Картах

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

В локальной выдаче пользователям важно в том числе местоположение компании, а карта позволяет сразу понять, какие организации где находятся. Клиента может привлечь фото, он быстро найдет телефон или сайт.

Колдунщик чаще всего выглядит как карта с геометками и карточками компаний, она может быть вверху над всеми результатами или справа от выдачи:

Расширенный сниппет с картой Карта в выдаче Яндекса с карточками компаний

Как попасть в сниппет Яндекс.Карт

На странице и в приложении Карт, в навигаторе и выдаче Яндекса компания появится после регистрации карточки в Яндекс.Справочнике. Сейчас эта площадка называется Яндекс.Бизнес.

Для локального ранжирования нужно:

  • правильно указать категории бизнеса;
  • подробно заполнить профиль;
  • следить за актуальностью контактов;
  • добавить красочные фотографии;
  • указать все особенности услуг или товаров компании.

Читайте в подробной статье — как зарегистрироваться в Яндекс.Бизнесе, как правильно заполнить профиль и на какие площадки Яндекса еще обратить внимание.

Сайтам e-commerce — как получить место в сниппете Яндекс.Маркета

По запросам «купить какой-то товар» в большинстве случаев в выдаче покажется колдунщик Яндекс.Маркета. Исключение — товары, которых на Маркете нет, например, аптечные или особенные для взрослых. Многим магазинам скорее приходится использовать площадку Маркета, чтобы привлекать клиентов карточкой с изображением товара в топе.

Блок с товарами Маркета всегда занимает топовую позицию с пометкой «реклама».

Товары из Маркета в выдаче

Колдунщик с Маркетом появляется в топе даже по запросам без коммерческой приставки «купить»:

Карусель товаров в выдаче

Ссылки с Яндекс.Маркета появляются и в других колдунщиках. Например, по запросу «вафельница со сменными панелями» вышел колдунщик с Яндекс.Картинками, но преимущество у изображений товаров с Маркета.

Товары в результатах Яндекса

Как попасть в колдунщик Маркета

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

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

Регистрацию магазина в Яндекс.Маркете, загрузку товаров, прайса и другие настройки разобрали в материале.

Предоставляющим услуги — как получить место в колдунщике Яндекс.Услуг

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

Сам колдунщик выглядит как список аккаунтов, у них есть фото, рейтинг, ссылка на отзывы, информация об опыте, примерные цены и номер для связи. Если это аккаунт компании, то вместо имени название, остальное совпадает.

Сниппет Яндекс.Услуг в выдаче

По некоторым запросам может дополнительно выйти карта с компаниями, которые оказывают такие же услуги.

Сниппет с услугами в Яндексе

Как попасть в сниппет Услуг

Нужно создать профиль на Яндекс.Услугах, это бесплатно и доступно частным специалистам и компаниям. Есть возможность платного продвижения профиля на сервисе.

Ценятся заполненные аккаунты с реальными фото и рейтингом, так что просите клиентов оставить отзыв. Компании могут привязать карточку из Яндекс.Бизнеса, тогда отзывы подтянутся оттуда.

Есть и другие колдунщики Яндекса, куда у сайтов есть шансы попасть. Мы выбрали самые популярные, подходящие большинству компаний. Если вам интересны другие возможности, дайте знать в комментариях.

Использование сервиса «Яндекс.Фотки»

Это технический пост, призванный снять некоторые часто возникающие вопросы.

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

Однако сторонние сайты имеют свойство пропадать или трансформироваться, что часто ведет к исчезновению вставленных в пост изображений. Фотоальбом ЖЖ целиком в ваших руках, но ограничен по объему (1 Гб для бесплатных аккаунтов), так что рано или поздно придется столкнуться с проблемой хранения изображений на внешнем ресурсе. Почему на внешнем? Потому что картинку, которая хранится на вашем личном компьютере, никто кроме вас не увидит. Для публичного показа ее требуется «засунуть» в интернет. С этой целью используются специальные интернет-хранилища изображений, так называемые хостинги. Так, упомянутый фотоальбом — это внутренний хостинг Живого Журнала. Кстати, когда вы, как вам кажется, «напрямую» вставляете картинку со своего компьютера в пост, на самом деле она загружается в фотоальбом вашего аккаунта и лишь после этого отображается в посте.

Одним из популярных бесплатных фотохостингов является сервис «Яндекс.Фотки», нередко упоминаемый как «ЯФ». Если у вас есть почтовый адрес на Яндексе, сервис предоставляется вам автоматически. В противном случае, вам нужно пройти на Яндексе стандартную процедуру регистрации нового пользователя. После этого можно приступать к загрузке картинок в личное хранилище «Мои фотки»

Войти в фотохостинг можно из меню на главной странице Яндекса:

Яндекс_главная.jpg

или почтового ящика:

Яндекс_почта.jpg

либо набрав в браузере прямую ссылку: http://fotki.yandex.ru.

На появившейся странице нажимаем желтую кнопку «Загрузить».

ЯФ_link.jpg

Появляется окно загрузки:

ЯФ3_загрузка.jpg

Выбираем загружаемые картинки, нажав на кнопку «Шаг 1 — Добавить фото» слева или на ссылку «Добавьте фотографии» в центральном окне. Появится стандартное окно папок вашего компьютера, где вы можете отметить картинки, которые хотите положить на ЯФ:

ЯФ_шаг1.jpg

Отметив желаемые файлы, нажимаем кнопку «Сохранить» («Открыть»), после чего в центральном окне появляются миниатюрные эскизы загружаемых картинок:

ЯФ_шаг1_список миниатюр.jpg

Слева от каждого эскиза находится кнопка предпросмотра

ЯФ_шаг1_список-превью.jpg

Красный крестик справа позволяет удалить из загрузки ненужные картинки.

Кнопка «Шаг 2» используется для поворота картинок и добавления описания и меток. Шаг 2 — необязательный, все эти действия можно проделать и после загрузки, в окне просмотра изображения.

ЯФ_шаг2.jpg

Кнопка «Шаг 3» устанавливает доступ на просмотр ваших изображений. Для публикации картинок в посте рекомендуется разрешить просмотр всем, а также снять запрет на просмотр оригинала.

ЯФ_шаг3.jpg

Загрузчик Яндекса сохраняет выбранные настройки, поэтому, если вы не предполагаете в дальнейшем ограничивать доступ к вашим альбомам на ЯФ, при последующих загрузках изображений Шаг 3 можно пропустить.

Теперь обратите внимание на нижнюю полосу меню — «Шаг 4». В ней выбираются два очень важных параметра: альбом для загрузки и размер загружаемого изображения. При первом сеансе работы в ЯФ автоматически создается альбом «Неразобранное». Однако, нажав стрелочку справа, вы можете создать новый альбом с нужным именем.

ЯФ_шаг4_выбор альбома.jpg

ЯФ_шаг4_новый альбом.jpg

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

Справа от окошечка выбора альбома можно выбрать размер, в котором загружаемые изображения будут сохранены на ЯФ. Желательно предварительно сжать загружаемые изображения до приемлемого размера, например, 1280×1024, — читатели вашего поста будут вам благодарны за экономию трафика. В отдельных случаях, когда требуются изображения очень высокого качества, рекомендуется делать предупреждение в тексте поста о «тяжелой» картинке.

ЯФ_шаг4_сжатие.jpg

Как и настройки Шага 3, выбранный размер сохраняется по умолчанию при последующей загрузке.

Последовательность шагов 1-4 при загрузке в ЯФ — произвольна. Вы можете начать с выбора альбома, чтобы не забыть о нем второпях и не сортировать потом свалку в «Неразобранном».

Определив, что и как вы хотите загрузить, нажимаете, наконец, кнопку «Загрузить фото». По завершении загрузки, можно добавить новую порцию изображений или перейти к просмотру уже загруженного.

ЯФ_шаг4_загрузка.jpg

ЯФ_шаг4_завершение загрузки.jpg

Сервис ЯФ позволяет получить готовые коды для вставки изображений: специальную строчку, которая даст вам возможность украсить пост кликабельной картинкой. Для этого на странице просмотра выбираем нужное изображение и двойным кликом переходим в окно предпросмотра:

ЯФ_шаг4_просмотр загруженного.jpg

ЯФ_просмотр картинки.jpg

Если в окне просмотра навести курсор на картинку, в верхнем правом углу всплывет маленькая панель меню редактирования изображения. По сути это настройки загрузочного Шага 2. Здесь вы можете повернуть изображение и установить разрешение/запрет просмотра оригинала с помощью стрелочки в правом углу панели. Если просмотр оригинала разрешен, то, нажав на маленькую иконку с тремя точками в нижнем правом углу окна просмотра, можно открыть изображение в полном размере в новой вкладке браузера. В белом поле справа от окна просмотра можно добавить метки и описание картинки.

Чтобы получить код для вставки картинки в пост, нажимаем внизу окна просмотра кнопку «Поделиться». В появившейся панели выбираем строчку «< >Код для блога».

ЯФ_просмотр картинки_поделиться.jpg

В открывшемся окошке с готовым кодом HTML выбираем размер уменьшенной кликабельной картинки, которая будет вставлена в пост.

ЯФ_просмотр картинки_выбор размера.jpg

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

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

По умолчанию в ЖЖ открывается визуальный редактор. Однако для вставки скопированного HTML-кода нужно перейти в соседнюю вкладку «HTML».

HTML редактор_меню.jpg

Тем, кто не имеет опыта работы с HTML-тэгами, целесообразно сначала вставить все готовые коды кликабельных картинок, которые будут размещены в посте, а потом добавить к ним текст. По умолчанию в редакторе HTML установлено автоформатирование. Это значит, что разделив пробелами и пустыми строками скопированные коды, вы получите аналогичным образом скомпонованные картинки в готовом посте. Чтобы убедиться в этом, нажмите кнопку «Просмотр» внизу страницы редактирования поста.

Одна под другой:

HTML редактор_вставка2.jpg

HTML редактор_вставка2_превью.jpg

Две рядом без пробела (составной разворот)

HTML редактор_вставка3.jpg

HTML редактор_вставка3_превью.jpg

Три в ряд с промежутками и отдельностоящая картинка:

HTML редактор_вставка4.jpg

После того, как все коды картинок вставлены в пост, переходим в визуальный редактор. Вот так будет выглядеть в нем последний пример:

HTML редактор_вставка4_ВР.jpg

Теперь вы можете разнести картинки дополнительными пробелами или изменить их расположение и дописать текст с помощью кнопок верхней панели меню визуального редактора. Например, поставить по центру строки нижнее изображение. Все, как в редакторе Word: выделяем картинку и нажимаем иконку центрирования:

HTML редактор_вставка4_ВР_центрирование.jpg

Не стоит при редактировании поста перемещаться из визуального редактора обратно во вкладку HTML — вы увидите там странную мешанину кодов, которые визуальный редактор добавит к вашему первоначальному аккуратному списку. Вставить кликабельную картинку в визуальном редакторе тоже можно, но это более трудоемкий процесс, чем подготовить скелет поста, скопировав готовые коды в редактор HTML.

Если необходимо вставить в пост целый ряд изображений, удобно воспользоваться операцией групповой вставки. Для этого выберите нужный альбом в вашем каталоге на ЯФ:

Вставка альбома_выбор альбома.jpg

Нажмите в открывшейся странице просмотра альбома кнопку «Получить код»:

Вставка альбома_альбома_код0.jpg

Выберите нужные изображения, нажав кнопку «на текущей странице» или «во всем альбоме». Чтобы скорректировать список вставляемых картинок, уберите галочки в левом верхнем углу ненужных изображений. Учтите, что изображения будут вставлены в пост в той же последовательности, в какой они расположены на странице просмотра альбома. Если необходимо, предварительно расположите картинки в альбоме в желаемой последовательности с помощью кнопки «Редактирование», изменив их сортировку или переместив в нужное место мышкой.

Вставка альбома_альбома_код1.jpg

Готовый код для вставки группы изображений появится в окошке внизу под эскизами картинок. Вы можете сгенерировать код для одного из стандартных размеров кликабельных картинок или выбрать вставку оригиналов. Выбранный размер будет принят для наибольшей стороны изображения в зависимости от его ориентации:

Вставка альбома_альбома_код2.jpg

Полученный код копируется в окно HTML-редактора:

Вставка альбома_страницы альбома_HTML.jpg

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

Результат вставки кода для группы картинок можно проверить в визуальном редакторе:

Вставка альбома_страницы альбома_ВР1.jpg

Помимо ката, в код автоматически включается верхняя фраза со ссылкой на альбом на ЯФ, откуда были взяты изображения. Ее можно безболезненно удалить, чтобы не перегружать пост.

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

ЯФ_выбор альбома для слайдшоу.jpg

Как и в случае получения кода для групповой вставки, в слайд-шоу изображения следуют в том же порядке, в каком они расположены на странице просмотра альбома. Чтобы изменить расположение изображений в альбоме, нажмите кнопку «Редактирование» и переместите изображения в желаемой последовательности.
Слайд-шоу будет включать в себя все картинки альбома. Если вам нужны только некоторые из них, перенесите эти изображения в отдельный альбом.

Нажимаем кнопку «Слайд-шоу» и получаем видеоролик с готовым кодом для вставки в пост.

ЯФ_кнопка слайдшоу.jpg

ЯФ_альбом_слайдшоу.jpg

ЯФ_альбом_слайдшоу_код.jpg

Копируем код и переносим его в редактор HTML.

ЯФ_альбом_слайдшоу_код_HTML ред.jpg

Важно: слайд-шоу вставляется в пост в HTML, визуальный редактор ЖЖ не позволяет это сделать!

Чтобы убедиться, что слайд-шоу действительно появилось в посте, нажмите кнопку «Просмотр» внизу страницы редактирования поста.

ЯФ_альбом_слайдшоу_код_просмотр.jpg

Еще раз вернемся в редактор HTML. Обратите внимание, в нем есть часть кнопок визуального редактора, выполняющих те же функции: форматирование выделенного текста, кат, вставка гиперссылки и, что бывает полезно, вставка «головастика» с именем пользователя ЖЖ, на которого вы хотели бы сослаться в своем посте. Форматирование текста производится как обычно: выделяете нужный фрагмент/слово и нажимаете соответствующую иконку: жирный шрифт (B), курсив (I) и т.п. Разница лишь в том, что в визуальном редакторе вы сразу видите изменение текста, а в HTML выделенный текстовый фрагмент заключается в так называемые HTML-тэги, обеспечивающие выбранный тип форматирования.

HTML редактор_вставка5_текст с тэгами.jpg

HTML редактор_вставка5_текст и головастик.jpg

HTML редактор_вставка5_ВР.jpg

Зная основные HTML-тэги, можно весь пост оформить в редакторе HTML. Это не так сложно, как кажется.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *