2018-02-26

Textual description of firstImageUrl

Как исправить ошибки Schema.org в шаблоне Blogger

schema.org ошибки blogger
Микроразметка schema.org очень важна для оптимизации вашего блога. Сайты с настроенной микроразметкой любят поисковые системы, повышается уровень доверия и количество переходов.
В шаблоны Blogger (Blogspot) изначально внедрена микроразметка, но в некоторых шаблонах она дает ошибки.
Проверить структурированные данные (так еще называют микроразметку) можно в валидаторах Гугл и Яндекс, которые вы найдете в соответствующих панелях вебмастеров.
Самые распространенные ошибки schema.org мы разберем сегодня.
Пройдите в Инструменты для вебмастеров Гугл –> Инструмент проверки структурированных данных –> Получить данные по URL. Здесь вставьте адрес своего блога в окно и нажмите кнопку “Получить и поверить”.
/*
Примечание. Несколько дней назад инструмент проверки структурированных данных Google  поменял интерфейс. В этой статье скриншоты в новом виде.

ошибки структурированных данных blogspot
Как видно из скриншота выше ошибки микроразметки в типе данных BlogPosting, а именно свойства:
  • Image_url
  • Blogid
  • Postid
 Внимание! Актуальная статья по теме - Исправление ошибок микроразметки     Schema.org. В ней более свежие и полные данные о настройке структурированных   данных в Blogger / Blogspot  

Как исправить эти ошибки в разметке Schema.org?

Напомню, что перед всеми изменениями в шаблоне Blogger, нужно сохранить резервную копию.
  • Исправляем свойство image_url
    Оно выдает ошибку “Свойство image_url недопустимо для объекта типаBlogPosting
    Откройте редактор шаблона Blogger (Шаблон –> изменить html), найдите все отрезки тегов image_url. они будут размещаться в кодах:
    <b:if cond='data:post.thumbnailUrl'>
                                <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
                              </b:if>
    Удалите отрезок _url из всех найденных кодов image_url в шаблоне блога.
    У вас должен получиться следующий код
    <b:if cond='data:post.thumbnailUrl'>
                                <meta expr:content='data:post.thumbnailUrl' itemprop='image'/>
                              </b:if>
  • исправляем ошибки Blogid и Postid
    Они дают следующие ошибки: “Свойство blogId недопустимо для объекта типаBlogPosting” и “Свойство postId недопустимо для объекта типаBlogPosting
    Исправляем также в окне редактора шаблона Blogger. Также делаем резервную копию. В поиск по шаблону вводим “blogId” и находим следующий отрезок кода:
    <meta expr:content='data:blog.blogId' itemprop='blogId'/>
      <meta expr:content='data:post.id' itemprop='postId'/>

    Просто удаляем этот код (метатеги) и сохраняем изменения. Снова проверяем в валидаторе. Все должно получиться!
Читать далее ...

2018-02-23

Textual description of firstImageUrl

Adsense auto: автоматизированные объявления

автообъявления adsense
Автоматизированные объявления Google Adsense (Adsense Auto) – это новая опция, предлагаемая для работы вебмастеров, которая облегчает задачу подбора наиболее удачного раположения рекламных блоков.
Низкий доход от рекламы может быть вызван низкой ценой клика Adsense (по ссылке узнайте, как с этим бороться) и низким CTR. CTR – это отношение количества кликов к количеству показов рекламных объявлений. Низкий CTR может говорить о неэффективном расположении рекламных блоков на страницах сайта.
Некоторые шаблоны сайтов заведомо проигрышны в размещении рекламных объявлений, бывает, что вебмастера не могут подобрать наиболее удачные места и форматы рекламных блоков. Здесь на помощь приходят автоматизированные объявления Adsense.
Сегодня я проведу небольшой эксперимент длительностью в 1 месяц. Я установлю на этом блоге автоматизированные объявления. Все шаги по размещению таких объявлений будут расписаны в этой статье ниже. Этот блог для эксперимента выбран неслучайно. Именно в Азбуке блогера среди всех моих сайтов самый низкий CTR. В подтверждение моих слов приведу скриншот:
Автоматизированные объявления Google Adsense
Через месяц подведу итоги и расскажу, как изменился CTR и доход за время проведения эксеримента.

Как вставить автоматизированные объявления Adsense на сайт


Внимание! Если вы используете объявления уровня страницы, то добавлять дополнительный код в ваш шаблон не нужно. Для автообъявлений используется тот же код. В этом случае вам нужно перейти в настройки и выбрать дополнительные форматы рекламных блоков.
  1. Перейдите в аккаунт Google Adsense на вкладку “Мои объявления”,
  2. Вы попадете в раздел “автоматизированные объявления”. Нажмите на ссылку “Настроить автоматизированные объявления”. Скопируйте код и вставьте в шапку вашего блога (перед закрывающимся тегом </head>
    Автоматизированные объявления Google Adsense
    Если у вас будут проблемы с добавлением кода рекламного блока в тему Blogger, то как решить читайте как решить эту проблему в статье Не работает адсенс в Blogger.
  3. Теперь нажмите на кнопку “Новая группа url”, выберите сайты, на которых будут отображаться автоматизированные объявления, укажите желаемый формат и типы объявлений
    Автоматизированные объявления Google Adsense
    Автоматизированные объявления Google Adsense
  4. Сохраните изменения. После встраивания кода, новый тип объявлений начнет работать через 10-20 минут.

FAQ по автоматизированным объявлениям Adsense

  1. Принцип размещения Auto Adsense – объявления показываются лишь в том случае, если прогнозированно они могут принести вам доход. Они призваны увеличить вам доход от контекстной рекламы.
  2. Нужно ли убирать добавленные на страницу блоки Adsense при добавлении кода автоматизированных объявлений
    Ответ: В добавление к своим блокам можно добавить автоматизированные объявления. Можно убрать свои блоки и добавить только автоматизированные, но в этом случае вы рискуете, что блоков адсенс будет очень мало. В любом случае эффективность того или иного способа размещения рекламы можно узнать только экспериментальным путем.
  3. Где отслеживать статистику по автоматизированным объявлениям.
    Ответ: просмотреть статистику по эффективности автообъявлений, кликам, доходу, просмотрам и т.п. можно, перейдя в статистику по пути Мои объявления –> Автоматизированные объявления –> Просмотреть отчет “Автоматизированные объявления”.
    статистика отчет автообъявлений adsense
Читать далее ...

2018-02-22

Textual description of firstImageUrl

Как исправить раскладку текста

текст не в той раскладке
Xnj ltkfnm? rjulf ntrcn yf,hfy yt d njq hfcrkflrt/ Ой! Что делать, если текст набран не в той раскладке? Как исправить? Для этого существуют онлайн сервисы, программы и расширения для браузеров.
Начнем с сервисов онлайн, в которых вы можете перевести текст, набранный в неправильной раскладке. Действия в них однотипны – вставляем в одно окошко “абракадабру”, нажимаем “перевести”, “расшифровать” и готово!
неправильная раскладка текста
Вам нужно лишь выбрать один из сервисов на ваш вкус:
/*
  • http://www.artlebedev.ru/tools/decoder/
  • http://www.gsgen.ru/index.php?id=1
  • http://vk.com/app189173– приложение вконтакте
  • http://tinklai.dkd.lt/papildomai/belib-rus.htm
  • http://sovtime.ru/soft/convert.html
  • http://raskladki.net.ru/
Есть расширения для Оперы, Google Chrome и Mozilla Firefox. Ссылки на эти плагины вы найдете на сайте raskladki.net.ru. Минусом этих расширений является то, что они перекидывают на этот сайт, и там уже производится перевод.
По работе с текстом вам могут быть интересны следующие статьи:
Программа для исправления неправильной раскладки текста от разработчиков Яндекса – Punto Switcher.
Ссылка на скачивание - http://punto.yandex.ru/
Программа автоматически переводит текст в нужную раскладку, даже если вы начали писать абракадабру на русском или английском языке, она узнает слова. За это отвечает функция “Автопереключение”:
автопереключение  Punto Switcher
Если вам не нужна эта функция, то вы можете ее отключить, а при обнаружении неправильной раскладки, быстро конвертировать текст при помощи “Pause Break”.
еСЛИ ВЫ НАЧАЛИ ПИСАТЬ ТАК (случайно нажали Caps Lock), то исправить регистр вам помогут горячие клавиши “Alt+Break”. Выделите текст и нажмите горячие клавиши.
Alt + Scroll Lock помогут вам транслитерировать выделенный текст.
В программе назначены еще горячие клавиши, о которых вы можете узнать в специальном разделе программы или назначить свои:
горячие клавиши Punto Switcher
А что, если вам нужно специально написать текст латинскими символами, чтобы никто ничего не понял, например, вы задали такой пароль. Откройте во вкладку “устранение проблем” и установите клавишу, нажатием которой вы не дадите программе менять раскладку автоматически.
Функция “Автозамена” поможет вам составить целый словарь условных обозначений, которые будут переводиться в нормальный текст.
автозамена Punto Switcher
Если вы хотите, чтобы все, что вы набираете на клавиатуре сохранялось в памяти компьютера на какое-то время, то настройте “Дневник”, который вы найдете в соответствующем разделе программы. Полезно для блоггеров.
Читать далее ...

2018-02-18

Textual description of firstImageUrl

Цена разработки логотипа + опрос

цена разработки логотипа
Логотип – часть бренда компании. Нередко при упоминании какой-либо компании, первое, что вспоминаешь – это ее “лицо”, а точнее – логотип. Поэтому разработка логотипа является делом достаточно серьезным.
Все мы, блоггеры, тоже пытаемся зарабатывать деньги. Продвигаем свои проекты и хотим, чтобы их узнавали. Поэтому свои фирменный логотип не помешает никому. Читайте как создать логотип
Провела небольшое мини исследование – сколько стоит разработка логотипа. Ценами была впечатлена. Не буду перечислять, смотрите сами скриншоты:
/*
  • Логотип по цене 2999 рублей. заметьте цена по акционная, с 30% скидкой! 
    логотип цена
  • 3 логотипа по цене одного – всего за 34 999 рублей!

    логотип цена акция
  • Стоимость разработки логотипа 30 000 рублей.
    стоимость разработки логотипа
  • Разработка от 5 000 рублей.
    цена-качество при разработке лого
Скриншотов можно еще приводить бесконечное множество, но проанализировав цены, я пришла к выводу, что разработка логотипа начинается от 3000 рублей.
В связи с этим среди фрилансеров следующая схема заработка – они генерируют симпатичный логотип в одном из онлайн сервисов, что выходит гораздо дешевле, а затем продают работу в три-пять раз дороже. Можете попробовать и вы Подмигивающая рожица
А сейчас заполните, пожалуйста мини опросник “Критерии создания логотипа”
Читать далее ...

2018-02-12

Textual description of firstImageUrl

Как вставить много фото с кодами в блог

Как вставить много фото с кодами в блог
Этот пост призван решать две задачи: множественную вставку фотографий в блог с сервиса Яндекс Фотки и добавление к этим фотографиям окошка с кодом html или php. Если вам не нужна вторая функция добавления окошка кода, то можно обойтись и без нее.
Кому необходимо решение задачи вставки большого количества фотографий или их миниатюр в блог. Как правило, это блоги на бесплатных блогохостингах, таких, как Li.ru, Blogger, ЖЖ и другие. Автономные блоги по понятным причинам загружают все картинки на свой хостинг. Блогеры, которые размещают в своих постах много картинок, обычно ведут фотоблоги или добавляют в свои записи открытки, клипарты и другие изображения.
Лучше всего и удобнее для размещения большого количества изображений, пользоваться фотохостингом Яндекс Фотки. Этот сервис за многие годы зарекомендовал себя. Изображения не исчезают с него, вы можете загрузить фото в оригинале без сжатия, есть функция пакетной вставки в блог. Онако, функкция вставки в блог хитрая. Ссылка изображения ведет не на оригинал, а на страницу просмотра фото на Яндексе. Преобразует ссылки изображения на оригиналы специальный сервис - Генератор BB и Html кодов для вставки изображений с яндекс фоток на сайт или блог. Как пользоваться Яндекс Фотками и генератором для оптимизации рабочего времени, которое затрачивается на множественную вставку фотографий.

Загрузка фотографий на Яндекс Фотки

  1. Первый шаг – идем на страницу загрузки Яндекс Фоток (нужна регистрация на Яндексе) и загружаем много изображений в отдельный альбом. Можно создать новый альбом для такого случая. Зажимаем клавишу Shift и отмечаем серию фотографий (клик по первому и последнему фото из списка) при загрузке на сервис.
    Загрузка фотографий на Яндекс Фотки
    Между третьи и четвертым пуктами на скриншоте, вам нужно создать новый альбом или загрузить в уже существующий. Создание альбома смотрите на скриншоте ниже. пароль задавать не следует!
    создание альбима на яндекс фотках
  2. После загрузки фотографий на Яндекс Фотки, перейдите к просмотру фотографий, а оттуда в фотоальбом, в который загружали последние фото.
  3. Теперь нажмите на надпись “Получить код”, как показано на скриншоте ниже:
    получить-код яндекс фотки
  4. Отметьте нужные вам фотографии, т.е. те, которые вы собрались вставить на свой блог или нажмите на надпись “на текущей странице” или “во всем альбому”, в зависимости от того, какие фото и сколько вам нужны. Смотрите скришот ниже (кликабелен).
    Как вставить много фото с кодами в блог
  5. Обязательно выберите миниатюру с шириной 100 пикселей. На скрине выше отмечен шагом 2.
  6. Скопируйте список ссылок на изображении (скриншот выше, шаг 3).

Генератор html кодов для вставки изображений


  1. Теперь идем в генератор html кодов изображений и вставляем список ссылок в верхнее окно. Удаляем первую строчку, так как она не является ссылкой на изображение. Это надпись “Фотографии в альбоме «…» на Яндекс.Фотках”, удаляем и пустую строчку.

    Генератор html кодов для вставки изображений
  2. В следующем пункте отмечаем размер превью фото из списка.
  3. Теперь отмечаем во сколько столбцов изображений поместить наши фотки (если нужно). Настраиваем внешний вид таблицы (при необходимости). Это можно и упустить.
    Генератор html кодов для вставки изображений
  4. Теперь отмечаем, что мы хотим получить (ставим только одну галочку, чтобы не запутаться):
    • BB коды картинок – для вставки на форум,
    • Код картинок (кликабельное превью html) – картинки разместятся в ряд. Однако в редакторе поста нам ничего не будет стоить сделать их каждую с новой строки.
    • Код картинок в таблице (кликабельное превью) – картинки разместятся в таблице. Это будет более аккуратный вид, но страница поста будет весить больше, и соответсвенно долбьше загружаться.
    • Код картинок в таблице с кодами (кликабельное превью html).
  5. Жмем кнопку “готово”
  6. Копируем код с картинками для вставки. Нужный нам код – первый над превью наших картинок:
    загрузить много фотографий в блог
В заключение, не смотря на то, что пост получился длинным, этот способ очень простой и здорово экономит время по множественной вставки изображений в блог. Это рутинный процесс, кто занимается фотоблогами, знает, о чем я говорю. Спасибо за внимание!
Читать далее ...