Показаны сообщения с ярлыком Блог на blogger. Показать все сообщения
Показаны сообщения с ярлыком Блог на blogger. Показать все сообщения

Размер картинки blogger увеличить на ширину страницы

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

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

Чтобы было проще искать в коде фрагмент с фото в blogger, заранее пропишите Свойства фотографии - alt блоггер:
Свойства фото в блоггер
alt фото в блоггер

Во время редактирования статьи нажимаем кнопку HTML:



Откроется окно с кодом. Для поиска надо нажать Ctrl+F и в появившемся окне ввести тот текст, который вы написали в Свойстве фото:


"img alt" перед искомым текстом в переводе на русский означает "альтернативный текст изображения". Ищем ширину (width) нашего фото - у меня она равна 320: width="320". Будьте внимательны и не измените случайно ширину исходного изображения (data-original-width). Ширина моей страницы 630 пикселей. Если мне нужно фото на ширину страницы я ставлю его ширину 550 - для этого надо заменить 320 на 550. Но это еще не все, нужно полностью удалить высоту фото (height), иначе оно станет непропорциональным - удаляем текст height="210" (естественно, у вас будут другие цифры). Получаем:


Но как же узнать, какой ширины у вас страница? Это несложно и, скорее всего, вы это уже знаете. Заходим по стрелкам:


У меня в блоге 2 колонки. Чтобы узнать ширину средней колонки, нужно вычесть из ширины всего блога ширину левой и правой боковых панелей: 1100 - 230 - 240 = 630. Затем опытным путем найти такую ширину фотографии, которая бы вам нравилась. Мне нравится 550.


Вот так выглядит на моей странице иллюстрация шириной 550 пикселей:

Кошка с котенком


Не забудьте подписаться на мою Facebook страничку









robots.txt в blogger. Где найти файл sitemap

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

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

В blogger найти sitemap можно, если прописать название блога и в конце добавить sitemap.xml. Вот пример для моего блога http://1000experiments.blogspot.ru/sitemap.xml Подставьте адрес своего блога и получите карту своего сайта. 

Проверить наличие ошибок в файле sitemap можно на яндексе для вебмастеров > Для этого надо перейти по ссылке, ввести url для файла sitemap и нажать кнопку "Проверить":

анализ файла sitemap


В случае отсутствия ошибок вы получите такой результат:
результаты анализа файла sitemap

Теперь надо http://1000experiments.blogspot.ru/sitemap.xml вставить во второй важный для поисковых роботов файл - robots.txt 

Этот файл разрешает или запрещает роботам поисковых систем посещать страницы вашего сайта и индексировать сайт.
Вначале робот смотри на строку, содержащую слова: User-agent. В этой строке могут быть указаны все роботы (в этом случае стоит звездочка - User-agent: *), либо один конкретный робот, например, User-agent: Yandex. Ксли яндекс (или другой робот) находит строку со своим именем, то учитывает команды, указанные для него и игнорирует то, что указано для всех роботов. Не будем рассматривать все директивы (можете ознакомиться с ними, например, на сайте яндекса >), только самые главные - Allow и Disallow. 

Allow robots.txt дает команду роботу посещать страницы вашего сайта и индексировать, Disallow robots.txt  - запретить индексацию. Можно дать разрешение/запрет на посещение всего сайта, или отдельных страниц. Если запрещено посещение всех страниц, то дается такая команда Disallow: /  Если запрещены конкретные страницы, то разрешаем все Allow: /  и запрещаем определенную группу, например, в папке photo - Disallow: /photo  Впрочем, для сайтов, размещенных на блоггере все это не очень важно, это была информация для большего понимания отдельных команд.
robots.txt где находится?


Где robots.txt находится в блоггере?

Из панели администратора заходим в Настройки - Настройки поиска. Нажимаем "Изменить" справа от "Пользовательский файл robots.txt", нажимаем "Да", появляется пустое поле, куда вносим текст нашего robots.txt и нажимаем кнопку "Сохранить изменения":


Где найти robots txt в blogger



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

robots.txt пример:

User-agent: *
Allow: /


Sitemap: http://1000experiments.blogspot.ru/sitemap.xml


Проверить robots.txt

Яндекс для вебмастеровПровести анализ robots.txt можно все там же -  на яндексе для вебмастеров > Перейдя по ссылке вы сразу попадете на страницу проверки robots.txt, или можете выбрать ее так:








Вводим название сайта и нажимаем стрелочку справа:

Где проверить robots txt

Нажимаем кнопку "Проверить":

Анализ robots txt

Смотрим результаты анализа:

Результаты анализа robots txt




Не забудьте подписаться на мою Facebook страничку

Все статьи сайта