Что такое картинка, где хранить и как её вставить на сайт?

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

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

Содержание:

Что такое картинка?

Такое понятие как картинка является достаточно обобщённым. Картинкой может быть некое не идентичное оригиналу изображение, фотография, иконка и т.д. В общем, если коротко, то под «картинкой» я подразумеваю графический файл в формате JPEG, PNG или GIF.

Где хранить картинки?

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

Конечно, лучше всего чтобы картинки хранились на том же домене где и сам сайт. Таким образом, мы избегаем внешних ссылок на картинку. В тоже время, это не всегда возможно. Например, на Blogger.com такой возможности нет. Все картинки здесь хранятся на стороннем домене следующего вида: {номер}.bp.blogspot.com.

Как вставить картинку на сайт?

Для вставки картинки на сайт нужно разместить соответствующий HTML-код её вставки. Для этого используется тег IMG. Этот тег имеет единственный, обязательный атрибут src, значение которого является полный или относительный URL-адрес файла с картинкой. Если необходимо, то картинку можно сделать кликкабельной, поместив тег img в контейнер a гиперссылках уже писал). При этом вокруг картинки появится рамка, толщину которой можно контролировать атрибутом border. Следует отметить и такой атрибут как alt – это альтернативный текст картинки.

Я не буду вдаваться в детали (если что смотрите мануал) и приведу лишь рекомендованный мной вариант вставки картинки на сайт.

<a href="{URL файла большой картинки}"><img src="{URL файла маленькой картинки}" alt="{альтернативный текст}" border="0" /></a>

Обратите внимание, что я рекомендую использовать маленькие картинки как ссылку на большую картинку. Это очень интересный момент в плане SEO и вот почему. Поисковые системы любят большие картинки. В тоже время, вставлять большие картинки на сайт не всегда приемлемо. К тому же большая картинка здесь получает вес по ссылке.

Подводя итог выше сказанному, следует отметить, что современные web-технологии позволяют не задумываться обо всех этих деталях. Картинка является файлом и для его вставки в ХТМЛ-документ можно использовать соответствующую функцию визуального редактора. В тоже время, даже поверхностное понимание сути вопроса, позволяет вам добиться более существенного результата. Если данная тема вам интересна, рекомендую почитать мою статью: Индексация и поиск картинок – она находится тут. А у меня всё. Спасибо за внимание. Удачи!

Twitter Facebook ВКонтакте Одноклассники Google+

Комментариев нет:

Отправить комментарий