Что такое картинка, где хранить и как её вставить на сайт?
 |
Интернет постепенно переходит от текстовых, к визуальным видам подачи информации. Картинки, фото, графики и т.д. стали промежуточным этапом на этом пути, будущее мне видится за видеоконтентом и подкастингам. Тормозит этот процесс только отсутствие полноценной технической обработки такого рода контента.
Так что текст и картинки, ещё долго будут актуальны в сети Интернет. Нюанс заключается в том, что вам следует знать: что такое электронная картинка, где её можно/нужно хранить, а также как вставить картинку на сайт? В рамках данной статьи я постараюсь рассказать вам об этом, коротко и доступно.
Содержание:
Что такое картинка?
Такое понятие как картинка является достаточно обобщённым. Картинкой может быть некое не идентичное оригиналу изображение, фотография, иконка и т.д. В общем, если коротко, то под «картинкой» я подразумеваю графический файл в формате 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-технологии позволяют не задумываться обо всех этих деталях. Картинка является файлом и для его вставки в ХТМЛ-документ можно использовать соответствующую функцию визуального редактора. В тоже время, даже поверхностное понимание сути вопроса, позволяет вам добиться более существенного результата. Если данная тема вам интересна, рекомендую почитать мою статью: Индексация и поиск картинок – она находится тут. А у меня всё. Спасибо за внимание. Удачи!
Комментариев нет:
Отправить комментарий