Очистка изображений в Blogger от внешних ссылок




При загрузке изображений в сообщение Blogger в HTML-код картинки автоматически включается внешняя ссылка на это изображение, независимо от того, каким образом оно было загружено: с компьютера, по URL или с альбома Picasa.

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


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



При загрузке изначально HTML-код изображения выглядит примерно так:
_______________________________________________________________
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU8SFzyfJ4EHvLGA96e3uSUEACfc9QrAh2qpoxzQ8SBVccFriAIfEs3PwstKwRRyDm19D1LzoX47vAy8zPICOvcrnWK85yYeOQFmPE2rm6GIR-ghUOyHLlyxRSEbjITNroyYh_u_zacx0/s1600/images_href.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU8SFzyfJ4EHvLGA96e3uSUEACfc9QrAh2qpoxzQ8SBVccFriAIfEs3PwstKwRRyDm19D1LzoX47vAy8zPICOvcrnWK85yYeOQFmPE2rm6GIR-ghUOyHLlyxRSEbjITNroyYh_u_zacx0/s1600/images_href.jpg" /></a></div>
_______________________________________________________________
Цветом в коде показана внешняя ссылка на это изображение. Чтобы избавиться от внешней ссылки этот фрагмент кода можно просто удалить в HTML-режиме сообщения. 



Код без ссылки будет выглядеть следующим образом:
_______________________________________________________________
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU8SFzyfJ4EHvLGA96e3uSUEACfc9QrAh2qpoxzQ8SBVccFriAIfEs3PwstKwRRyDm19D1LzoX47vAy8zPICOvcrnWK85yYeOQFmPE2rm6GIR-ghUOyHLlyxRSEbjITNroyYh_u_zacx0/s1600/images_href.jpg" /></a></div>
_______________________________________________________________

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

Вставляем нужное изображение в сообщение с помощью кнопки "Вставить изображение".


После вставки кликаем на изображение левой кнопкой мыши. Изображение выделено. На панели инструментов активна кнопка "Ссылка":

Чтобы удалить ссылку эту кнопку необходимо отжать. При этом в коде внешняя ссылка этого изображения пропадет.

Однако существуют изображения, которые необходимо просмотреть в увеличенном размере. Тогда ссылки удалять нельзя. Но их можно закрыть от индексирования поисковиками с помощью тега noindex и атрибута nofollow. 
В HTML-коде это выглядит так:
_______________________________________________________________
<div class="separator" style="clear: both; text-align: center;">
<noindex><a rel="nofollow" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU8SFzyfJ4EHvLGA96e3uSUEACfc9QrAh2qpoxzQ8SBVccFriAIfEs3PwstKwRRyDm19D1LzoX47vAy8zPICOvcrnWK85yYeOQFmPE2rm6GIR-ghUOyHLlyxRSEbjITNroyYh_u_zacx0/s1600/images_href.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></noindex><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU8SFzyfJ4EHvLGA96e3uSUEACfc9QrAh2qpoxzQ8SBVccFriAIfEs3PwstKwRRyDm19D1LzoX47vAy8zPICOvcrnWK85yYeOQFmPE2rm6GIR-ghUOyHLlyxRSEbjITNroyYh_u_zacx0/s1600/images_href.jpg" /></a></div>
_______________________________________________________________

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

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