Когда я завела блог, считала что картинка нужна в посте для его украшения. Вспомнилось детство, когда любила рассматривать редкие картинки в книжках. Постепенно пришло понимание что картинки являются мощным средством для оптимизации сайта и нужны поисковым системам. Существует ряд требований, которые желательно выполнять.
Картинка должна иметь название, которое бы ей соответствовало. Делая скриншот, получаем автоматом название типа 2011-08-25_142254.jpg. Перед установкой картинки в пост, имя файла нужно поменять. Оно должно быть коротким, содержать ключевые слова и прописано латинскими буквами без пробелов. В качестве разделителя слов используется тире. Размер изображения в имя файла не включаем.
Параметр Alt - название нашей картинки, которое выводится если изображение не загружено. Элемент обязателен. При его написании постарайтесь использовать ключевые слова.
<img src="адрес" border="0" alt="текст" />
Не забывайте об атрибуте Title. Это также дополнительная информация поисковику. Текст из title всплывает при наведении курсора на изображение. Лучше если тексты для атрибутов Alt и Title будут разными.
Не помешает прописать атрибуты Widthи Height. Задание размеров картинки ускоряет загрузку вебстраницы. Размер изображения должен быть не меньше 320 пикселей по ширине и 240 по высоте. Иначе поисковая система примет картинку за элемент дизайна и не включит её в основной поиск.
Но самое интересное - картинка должна быть еще и уникальной. Сервис TinEye.com подскажет сколько копий в сети у вашей картинки и адреса сайтов, скопировавших ваши изображения. Любопытно побродить и понаблюдать за попытками нашего брата блоггера уникализировать изображение. Что только не делают: изменяют размер, цвет, фон, обрезают, вырезают, сжимают, поворачивают, добавляют надписи. Сервис на "косметику" - не реагирует.
Но не все так плачевно. Бытует мнение, что если отзеркалить изображение, оно становится уникальным. Во многих случаях - да. Но если таких умных наберется с десяток, вот вам и 10 отзеркаленных изображений. Недавно колдовала над одной картинкой. Отзеркалила - не получилось. Повернула отзеркаленную - количество копий равно 0. Результат достигнут.
Для получения уникальной картинки задействовала все известные мне сервисы, о которых писала в блоге. Это и красивые шрифты и рамки и коллажи и водяные знаки. Больше всего мне нравились готовые коллажи. Если вы первый догадались вставить картинку вместо физиономии, получите уникальное изображение. Если взяли раскрученный вариант и вставили уникальное фото - изображение уникальным не будет. Напрашивается вывод - делать собственные коллажи. Попыталась и оказалось что это совсем не сложно. Лучше, конечно, использовать Photoshop, но я задействовала онлайн редактор pixlr.com. Он также позволяет картинку отразить по горизонтали и вертикали, повернуть изображение на 90 градусов, сжать, вырезать, изменить цветовой баланс, добавить подпись.
Давайте же создадим картинку для блога. Нажав на ссылку ниже, попадете в онлайн редактор. Его интерфейс очень похож на Photoshop, но гораздо проще.
Выбрать и загрузить фото
Вырезаем изображение
Прозрачный фон
(лассо),
выделяем область,
CTRL+C (копируем),
CTRL+N ("Файл"-"Создать"), содержимое фона выбираем "Прозрачный", а нужный размер устанавливается автоматически,
CTRL+V (вставить).
Есть более простой вариант создания прозрачного фона. Но оба имеют право быть.
(волшебная палочка),
выделяем область,
"Редактировать"-"Вырезать", снимаем выделенную область.
CTRL+V (вставить) или "Файл"-"Сохранить".
Как видите, вырезать и сохранить картинку совсем просто. А теперь попытаемся из той-же самой картинки создать что-то новенькое. На уникальность в данном случае рассчитывать не будем , картинка - то одна. TinEye.comвыдал 71 результат похожих картинок, а Google 92300. Оно и понятно, картинка-то раскрученная.
Сначала создадим полотно для нашего "шедевра", нажав Новый рисунок. Программа попросит задать размер полотна. Здесь же можно указать прозрачность, если необходимо.
Затем вызываем рисунок с нашими человечками. Накладываем картинку на чистое полотно. А потом пошли вариации на заданную тему.
Накладываем одно изображение поверх другого
(лассо) или
выделяем область,
командой V (перемещение), удерживая левую клавишу мышки на картинке, переносим рисунок на созданное полотно,
отпустив кнопку мыши изображение появляется на новом поле.
CTRL+T (выделяем перенесенное изображение).
при нажатой SHIFT, изменяем размер рисунка, потянув за уголок выделенного участка.
командой подправляем наше изображение
Остается написать текст, кликнув на команду А (текст). Каждую строчку пишите отдельно.Это позволит ее перемещать как картинку.
В палитре СЛОИ, расположенной справа, видно что мы перенесли на создаваемый рисунок. И если хотим что-то подправить на определенной картинке: изменить размер или переместить, необходимо выделить именно этот слой (подсвечено синим). Для этого дважды щелкните по словам "слой ...". Когда слой станет активным, его лучше переименовать - легче будет работать со слоями. Следите за тем, чтобы на палитре слоев не было замочка. Двумя кликами превратите его в галочку.
Если что-то не устраивает, помните про команду "Редактировать" -> "Отменить".
Поэкспериментируйте со слоями ---> стили слоев. Ваша картинка преобразится и будет неповторимой.
Кстати, TinEye.comи даже Google посчитали мою картинку уникальной. Основу вырезала, обрезала, разворачивала и поворачивала. С поворотом пришлось повозиться. Угол выбирала такой, чтоб на картинку еще приятно было смотреть, а для поисковика она бы стала единственной.
Дерзайте и все получится!
Приглашаю Вас присоединиться ко мне в следующих сервисах:
Вера, добрый день! Подскажите, пожалуйста, а как можно сделать скругленные углы, как у вас в шапке блога? Я прочитала много статей, но у меня ничего не выходит...Одна надежда на Вас!
Татьяна, в данном случае у меня такой шаблон. Картинку вставляла обычную. Но, если заметили, в футере на картинке тоже скругленные углы. Их я уже делала сама.Можно воспользоваться фотошопом. Если не владеете, есть чудная программка cutmypic. Адрес найдете на моей странице шпаргалок. Скачивать ее не нужно - работает он-лайн. Не разберетесь - ищите на ю-тубе, там есть урок.
6 коммент.:
Класс!
Вера! Огромное Вам спасибо!!! От всей души поздравляю с наступающим Новым годом.
Вера,спасибо Вам огромное за подробную статью! Она мне очень помогла!
Вера, добрый день! Подскажите, пожалуйста, а как можно сделать скругленные углы, как у вас в шапке блога? Я прочитала много статей, но у меня ничего не выходит...Одна надежда на Вас!
Татьяна, в данном случае у меня такой шаблон. Картинку вставляла обычную. Но, если заметили, в футере на картинке тоже скругленные углы. Их я уже делала сама.Можно воспользоваться фотошопом. Если не владеете, есть чудная программка cutmypic. Адрес найдете на моей странице шпаргалок. Скачивать ее не нужно - работает он-лайн. Не разберетесь - ищите на ю-тубе, там есть урок.
coach factory
coach factory store
coach purses
coach factory online
coach factory outlet
coach outlet
coach factory stores
coach handbags outlet
coach outlet online
coach factory outlet 85% off
coach bags
coach outlet store
coach sale
coach online
coach store
coach outlet stores
online outlet stores
coach outlet online
coach outlets stores
online outlet stores
coach bags outlet
Отправить комментарий