2018-10-20

Textual description of firstImageUrl

Оптимизация заголовков последних тем Blogger

Оптимизация заголовков последних тем Blogger
Я уже писала ранее об оптимизации заголовков в шаблонах Blogspot (Blogger) в статье Настраиваем h1, h2 и h3 темы Blogger. Однако эту статью можно использовать только при настройке старых тем, новые же (последние) темы Blogspot оптимизируют немного по-другому, поэтому я и пишу данную статью.
Эта инструкция написана на примере видоизменения тем Notable, Emporio, Soho и Contempo.
Исходные данные:
  1. На главной странице этих темы в заголовке h1 – название блога (это мы исправлять не будем), заголовки статей – в теге h3, заголовки виджетов – в h3.
  2. На страницах постов – в теге h1 – заголовок блога, h3 – заголовок поста и заголовок виджета.
После преобразований:

  1. На главной странице – заголовок блога в h1, заголовки статей – в h2, заголовки виджетов оставим в h3.
  2. На страницах постов – заголовок блога – в теге h2, заголовки статей – h1, заголовки виджетов – в h3.
Ход действий:
  1. Прежде чем приступать к изменениям, сделайте резервную копию темы!
  2. Найдите в Шаблоне блога отрезок кода: <b:include name='super.title'/>
    Этот тег входит в состав кода:
    <b:includable id='title'>
               <div>
                 <b:class cond='data:this.imagePlacement == &quot;REPLACE&quot;' name='replaced'/>
                 <b:include name='super.title'/>
               </div>
             </b:includable>

  3. Замените код <b:include name='super.title'/> на код, указанный ниже:
  4. <b:if cond='data:view.isPost'>              <h2><a expr:href='data:blog.homepageUrl'><data:title/></a></h2>              <b:else/>              <b:include name='super.title'/>            </b:if> 
  5. Код <b:include name='super.title'/> встречается дважды в шаблоне блога. Замените его в теме на указанный выше код дважды.
  6. Теперь приступаем к оптимизации заголовков статей блога.
    а) Если у вас тема Emporio, то найдите отрезок кода
    <h3 class='post-title entry-title'>, он заключен в отрезке кода:


                 <a expr:name='data:post.id'/>
                 <h3 class='post-title entry-title'>
                   <b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
                     <a expr:href='data:post.link ?: data:post.url'>
                       <div class='snippet-container r-snippet-container'>
                         <div class='r-snippetized'>
                           <data:post.title/>
                         </div>
                         <b:if cond='data:post.title != &quot;&quot;'>
                           <div class='snippet-fade r-snippet-fade hidden'/>
                         </b:if>
                       </div>
                     </a>
                   <b:else/>
                     <data:post.title/>
                   </b:if>
                 </h3>
              
Замените весь этот код на:

<b:if cond='data:post.title'>
                     <b:if cond='data:blog.pageType == &quot;index&quot;'>
<h2 class='post-title entry-title' itemprop='name'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
</h2>
                       <b:elseif cond='data:blog.pageType == &quot;archive&quot;'/>
<h2 class='post-title entry-title' itemprop='name'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
  </h2>
<b:else/>
<h1 class='post-title entry-title' itemprop='name'>
     <b:if cond='data:post.link'>
       <data:post.title/>
     <b:else/>
        <b:if cond='data:post.url'>
         <data:post.title/>
<b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
</h1></b:if>
                    </b:if>


б) Если тема вашего блога Notable, Soho или Contempo, то найдите также отрезок кода <h3 class='post-title entry-title'>, он будет заключен в следующий код:
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'>
<a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>

Измените весь этот код на следующий:
<b:if cond='data:post.title'>
                     <b:if cond='data:blog.pageType == &quot;index&quot;'>
<h2 class='post-title entry-title' itemprop='name'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
</h2>
                       <b:elseif cond='data:blog.pageType == &quot;archive&quot;'/>
<h2 class='post-title entry-title' itemprop='name'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link' itemprop='url'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
<a expr:href='data:post.url' itemprop='url'><data:post.title/></a>
<b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
  </h2>
<b:else/>
<h1 class='post-title entry-title' itemprop='name'>
     <b:if cond='data:post.link'>
       <data:post.title/>
     <b:else/>
        <b:if cond='data:post.url'>
         <data:post.title/>
<b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
</h1></b:if>
                    </b:if>


Внимание! Код <h3 class='post-title entry-title'>,  может встречаться в последних темах блога несколько раз. Чтобы все получилось, сделайте замену кода, столько раз, сколько раз встречается код <h3 class='post-title entry-title'>.
Заголовки виджетов заключены в тегах h3, поэтому мы оставляем их без изменений.


Читать далее ...

2018-09-30

Textual description of firstImageUrl

6 тенденций, определяющих условия труда в ближайшем будущем

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

Многие профессии уйдут в онлайн-сектор. Работники сферы услуг все меньше будут иметь прямые контакты с клиентами. Юридические услуги, образовательные, консультации широкого спектра – все это уходит в интернет. Врачи получают постдипломное образование дистанционно уже сейчас. Всерьез говорят о внедрении онлайн-консультаций в медицине, но как это будет выглядеть, пока трудно представить.
Работникам, которые получили своё образование более 10 лет назад пора перестраиваться, и задумываться о происходящих изменениях. Нужно встраиваться в формирующуюся модель трудовых отношений. Учитесь пользоваться компьютером в совершенстве, если вы не хотите быть выброшенным на обочину жизни, и стать никому не нужным специалистом. Ведь даже те специальности, которые не будут полностью замещены искусственным интеллектом, будут использовать IT-технологии в качестве подспорья к своей работе. Эти процессы запущены в настоящее время, и развитие их не остановить.
Если вас заинтересовали тенденции, изменяющие условия труда, то смотрите инфографику, которую предоставила Wrike - Управление Проектом На Одной Странице.
Читать далее ...

2018-08-29

Textual description of firstImageUrl

Как справиться с кризисной ситуацией, управляя проектом

выход из кризиса инфографика
Инфографику предоставила Wrike - Управление Ит Проектами
Этот пост с очередной инфографикой от Wrike. Кризисы – это неизбежность, как в жизненном цикле любой компании, государства, так и у отдельно взятого человека. Кризисный период характеризуется невозможностью выполнять взятые на себя обязательства. Если обратиться к Википедии, то определение кризиса звучит, как “переворот, пора переходного состояния, перелом”. Однако, кризис кроме проблем порождает возможности, и тот, кто увидит их, сможет развернуть ситуацию в свою сторону и даже преуспеть. Примером этому служили 90-е годы, во время которых зародились успешные предприниматели, сумевшие даже в это непростое время обеспечить себя и свои семьи. В кризис нужно уметь перестраиваться, менять профессию, обучаться, смотреть на мир открытыми глазами, пробовать новое, прощать себе ошибки.

В кризисной ситуации компании большую ответственность несет руководитель. Именно от его действий зависит, как переживет организация сложный период. В представленной инфографике Wrike делит кризисный период на 3 части: докризисный, кризисный и посткризисный. В зависимости от периода существуют свои методы управления, которые дают максимальный положительный результат.
Предлагаю ознакомиться также с инфографикой от Wrike на тему Создание идеальной среды для удалённой работы.
Как справиться с кризисной ситуацией, управляя проектом
Читать далее ...

2018-08-22

Textual description of firstImageUrl

ИКС от Яндекс–новый индекс качества сайта

икс яндекса

Вчера в блоге Яндекс Вебмастер сообщили, что Яндекс вводит новый показатель для оценки сайта взамер ТИЦ. Это показатель ИКС – индекс качества сайта.

Трудно не согласиться с командой Яндекса, что ТИЦ (тематический индекст цитирования) морально устарел, так как отображал количество и качество ссылочной массы на ваш блог. Этот показатель училывался разве только на биржах ссылок, и там в последнее время интерес к ТИЦу пропал. Да и рынок ссылок значительно ужался в связи с новыми принципами ранжирования сайтов.

Как следствие, показатель ТИЦ не обновлялся уже почти год (последний апдейт ТИЦ состоялся 19.11.2017). Вебмастерам же необходимо на что-то опираться в процессе работы над сайтом. Изменение показателя косвенно даст оценить вебмастеру эффективность работы над сайтом. И хотя оценка сайта – это комплесный процесс, но показатели траста, рейстинги и новый индекс качества сайта – это те инструменты, которые облегчают работу сео-оптимизатора.


Показатель ИКС  уже со следующей недели каждый может увидеть в панели Яндекс Вебмастера, и он будет доступен для каждого сайта.

Из чего будет складываться значение ИКС

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

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

Как рассчитать Х

Из чего складывается показатель ИКС

Скорее всего информация об этом будет засекречена в Яндексе, как и любая другая, но мы можем выдвинуть свои предположения.

Я думаю, что на показатель ИКС будет оказывать влияние:

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

А вы как считаете, какие показатели будут влиять на новый показатель?

Читать далее ...
Textual description of firstImageUrl

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

как удалить все письма из Gmail

Люди часто интересуются, как можно удалить все письма в gmail за раз. Ответ лежит на поверхности, но не все его знают, как в случае и с удалением писем почты mail.ru. Часто пользователи почты Gmail удаляют письма постранично, т.е. по 50 писем за один раз. Но что делать, если писем накопилось очень много, как у меня – более 7000. Это более 140 страниц с цепочками писем.

Как удалить все письма почты gmail

Порядок действий:

  1. Отметьте галочку в верхнем чекбоксе. Выделятся все цепочки писем в количестве 50 на странице.
  2. Чуть ниже появится строчка (кликните по ней) – “Выбрать все цепочки в разделе “Несортированные”
  3. Теперь нажмите на значок корзины в вернем меню. Итог: все цепочки писем из раздела будут отправлены в корзину.
  4. Повторите пункты 1-3 для других разделов почты Google. Не забудьте просмотреть другие разделы почты – папки с ярлыками, спам, очистить корзину (корзина очищайте, только если уверенны в своих действиях).
  5. Если вы удалили лишнее, то знайте, что удалённые письма будут храниться в корзине еще 30 дней. В любой момент вы можете их восстановить оттуда.

Если у вас остались вопросы, то ознакомьтесь со скришотом ниже:


Как удалить все письма из почты Gmail

А также видео:

Как найти все письма от одного отправителя

При чистке почтового ящика всегда существует риск удалить ценную корреспонденцию. Вы обычно знаете, какие письма вам лучше сохранить. Для этого примените фильтрацию писем.

  1. Найдите письмо важного отправителя через поиск. Достаточно ввести имя, e-mail, тему письма  в поиск по почте.
  2. Откройте письмо.
  3. Нажмите на три вертикальные точки в верхнем меню –> Фильтровать похожие письма.
    удаляем письма Gmail
    Появится окно, в котором вы можете установить дополнительные параметры фильтрации писем.
    фильтрация писем gmail
  4. Выберите все письма от данного отправителя, отметив верхний чекбокс и все цепочки писем:
    чистка почты gmail
  5. Архивируйте все сообщения от данного отправителя. После этих действий архивированные сообщения пропадут из папки “Входящие”. Вы сможете найти их через поиск по почте или в разделе “Вся почта” (прокрутите меню слева до слава “Еще”, кликните по нему и выберите раздел “Вся почта”)
    Раздел Вся почта
  6. Теперь вы можете смело удалять все письма из раздела “Входящие”.
  7. Если вы захотите разархивировать письма, то перейдите в раздел “Вся почта”, найдите нужное письмо, примените фильтрацию (описано выше) и переместите письма во входящие. Вместо архиворования писем, чистку почтового ящика путем выборочного удаления писем, можно осуществить путем перемещения цепочек писем в другую папку (Например, папку Personal). Вы можете также добавить собственный ярлык и переместить сообщения в раздел со своим ярлыком.


Как бороться со спамом в почтовом ящике

Как предотвратить захламление вашего почтового ящика:

  1. регулярно отправляйте в спам ненужные навязчивые рассылки,
  2. отписывайтесь от рассылок. От рассылок очень легко отписаться. Для этого нажмите на строчку возле адреса отправителя: “отказаться от рассылки”
    отписаться от рассылки в гмейл
  3. с умом пользуйтесь временным email.

Временный почтовый ящик подойдет

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

2018-08-16

Textual description of firstImageUrl

Бот вк для надписи на фото

бот вк для надписи на фото
Уже несколько публикаций на моём блоге посвящено добавлению надписи на фото. Вы можете ознакомиться с этими статьями:

Продолжаю эту тематику, потому что она востребована. Люди хотят получать быстрый результат, приложив минимум усилий. Почему бы и нет? Ведь известно, что лень – двигатель прогресса.
В социальной сети вк существует замечательный бот, который автоматически накладывает ваши надписи на случайно выбранные обои (картинки). Этот замечательный бот имеет название “Бот ОБОИ с твоим текстом”. Его можно найти по этой ссылке >>>
А вот и демонстрационный ролик из группы вк:



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

2018-08-15

Textual description of firstImageUrl

Как убрать размытый фон в теме Emporio

убрать размытый фон emporio
На каждой странице поста блога Blogger с темой Emporio есть размытый фон. Эта подложка разная на каждой странице и образуется из первого изображения публикации.
Он является своеобразной визитной карточкой этой темы, но не всегда такой фон устраивает блогера.
Вот как это выглядит:

убрать подложку из сообщений emporio
Из этой статьи вы узнаете, как убрать такой фон. Дополнительным положительным эффектом будет то, что одновременно подтянется вверх сайдбар и встанет вровень с основным контентом сообщения. Результат:
поднять сайдбар  emporio
Удалить размытое изображение из темы Emporio можно двумя свособами. Первый способ предполагает удаление участка кода, отвественного за вывод фона, а второй способ – это скрытие размытого изображения посредством добавления кода CSS.
1 способ.
В резделе “Тема” админ панели Blogger выполните поиск по коду шаблона (Ctrl + F), ищите отрезок кода data:widgets.Blog.first.posts.first.featuredImage
Именно по этой части кода мы найдем целый блок кода, который нам нужно удалить:
<b:if cond='data:view.isSingleItem'>
            <b:if cond='data:widgets.Blog.first.posts.first.featuredImage'>
              <b:include data='{                                  image: data:widgets.Blog.first.posts.first.featuredImage,                                  selector: &quot;.bg-photo&quot;                                }' name='responsiveImageStyle'/>
              <div class='bg-photo-container'>
                <div class='bg-photo'/>
              </div></b:if></b:if>
отрезок кода темы emporio
Сохраните изменения.
2 способ.
В редакторе кода темы блога найдите отрезок кода ]]> </b:skin>
Вставьте перед ним следующий CSS-код:
<style type='text/css'>
.bg-photo {display:none !important;}
</style>
Сохраните изменения.
Из двух этих способов мне больше нравится первый, так как мы удаляем ненужный нам код, а чем меньше лишенего кода, тем выше скорость загрузки веб-страницы.
Читать далее ...
Textual description of firstImageUrl

Как вставить рекламу в середину поста Blogger

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

В прошлом уроке вы узнали, как встроить рекламу Google Adsense в фид блога Blogger
Вы можете посмотреть на схему в неачале этого сообщения, чтобы понять, где будет примерно размещаться реклама.
Порядок действий:
  1. Откройте админ панель вашего блога Blogspot –> Тема –> изменить HTML
  2. Найдите отрезок кода <data:post.body/>, пользуясь поиском по коду CTRL + F. Имейте в виду, что этот код может встречаться от одного до четырёх раз в шаблоне Blogger. Чтобы все правильно сделать. Если код встречается один раз, то ориентируйтесь на него, а если больше, то нам нужен будет <data:post.body/>, второй по счёту.
  3. Замените найденный отрезок кода <data:post.body/> на следующий код:
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div id='ad-target'>
    <data:post.body/>
    </div>
    <div id='ad-content'>
    <div style='margin:15px 0;text-align:center;clear:both;'>
    ваш рекламный код
    </div>
    </div><div id='ad-target'><blockquote class='tr_bq'>
    <script type='text/javascript'>
    function insertAfter(addition,target) {
    var parent = target.parentNode;
    if (parent.lastChild == target) {
    parent.appendChild(addition);
    } else {
    parent.insertBefore(addition,target.nextSibling);
    }
    }
    var adscont = document.getElementById(&quot;ad-content&quot;);
    var target = document.getElementById(&quot;ad-target&quot;);
    var linebreak = target.getElementsByTagName(&quot;br&quot;);
    if (linebreak.length &gt; 0){
    insertAfter(adscont,linebreak[1]);
    }
    </script>
    </blockquote>
    </div></b:if><b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>
  4. Не забудьте перед заменой вышеуказанного кода, произвести изменения: вставить вместо строчки “ваш рекламный код” код вашего рекламного объявления.
  5. Часть кода, отмеченная желтым определяет величину отступа рекламного блока от основного контента. Вы можете регулировать эту величину самостоятельно.
Реклама будет отображаться в середине статьи как в десктопной, так и в мобильной версии блога.
Читать далее ...

2018-08-13

Textual description of firstImageUrl

Как встроить объявления в фиде в Blogger

объявления в фиде
Из этой статьи вы узнаете, что такое объявления в фиде Google Adsense, как создавать данный тип рекламных блоков и как встроить в ваш блог Blogger (Blogspot).

Как выглядят нативные объявление in feed

Что такое реклама Adsense in-feed? Это вид нативной рекламы, которая органично вписывается в дизайн вашего сата, блоки похожи внешне на блоки вашего сайта, причём эта похожесть имеет своей целью не повышение кликабельности по объявлениям, а сколько более приятный внешний вид. И да, CTR повышается тоже. Это такой приятный бонус за проделанную вебмастером работу.
Про вставку обычных блоков рекламы Google Adsense в Blogger читайте здесь - https://www.mycrib.ru/2011/10/google-adsense-blogger.html
Реклама типа in feed - это блоки, которая встраивается в ленту ваших записей на главной странице, странице архивов, меток и т.д. Подробнее о том, что такое фид, вы можете прочитать в справке Google Adsense.
Вот как выглядит реклама в фиде на моем блоге Азбука блогера. Красной расмкой я выделила рекламное объявление:
реклама in feed Google Adsense

Как создать рекламный блок in feed

Чтобы создать рекламное объявление в фиде, в админпанели вашего аккаунта Google Adsense перейдите по пути Мои объявления –> Рекламные блоки –> Новый рекламный блок –> Объявления в фиде.
Затем перед вами появится выбор из 2 способов создания объявления:
  • Использовать стиль, предложенный Google
  • Создать стиль объявления вручную.
Я выбираю первый и смотрю, как будет выглядеть реклама в фиде и где размещаться:
реклама Adsense в фиде
Далее, если нас устроил такой вариант, то переходим к следующему шагу, где даём название рекламному объявлению и меняем немного стиль при необходимости (играем с цветом и шрифтами).
В конце получаем код рекламного объявления.

Как встроить рекламу в блог Blogspot

Хочу подчеркнуть, что нижеприведённый способ встраивания рекламы работает в десктопной версии сайта. Также этот метод применим для старых тем Blogger и для многих нестандартных тем, но не получится возпользоваться этим способом для последних тем Blogger (Contempo, Soho, Emporio или Notable).
  1. в админ панели Blogger идите в разде Тема –> изменить HTML
  2. Выполните поиск по щаблону. Ищите отрезок кода
    <b:loop values='data:posts' var='post'>
  3. Замените код <b:includable id='main' var='top'> на код <b:loop values='data:posts' var='post' index='x'>
  4. Теперь найдите код <div class='post-outer'> и вставьте сразу после него такой код:
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
    <b:if cond='data:x==1'>
    <div class='post'>
    Ваш код Adsense In-Feed
    </div>
    </b:if>
    <b:if cond='data:x==3'>
    <div class='post'>
    Ваш код Adsense In-Feed
    </div>
    </b:if>
    </b:if>
    прежде чем вставлять этот код, измените его в блокноте и вставьте вместо надписей “Ваш код Adsense In-Feed” полученный код вашего рекламного объявления.
На этом наш короткий урок закончен. Вам может быть полезна статья о другой новинке Google Adsense – автоматизированных объявлениях.
Читать далее ...
Textual description of firstImageUrl

Установка виджета рейтинга статей сайта

Установка виджета рейтинга статей сайта
Установке рейтинга записей сейчас придают большое значение ведущие сео-специалисты, которые всеми силами пытаются поднять CTR поисковой выдачи (кликабельность другими словами). Именно поэтому звездный рейтинг – это не бесполезный виджет, а необходимый инструмент для продвижения вашего сайта.
Содержание статьи:
  1. Зачем я поставила систему оценок статей
  2. О генераторе rating widget
  3. Как сгенерировать код звездного рейтинга в генераторе,
  4. Установка рейтинга на блог Blogger (Blogspot)?
  5. Установка рейтинга на сайт wordpress

Зачем нужна оценка статей блога

Вы можете прочитать по этой теме также подробную гостевую статью от Евгения (Econ Dude), из неё вы узнаете, зачем нужен рейтинг записей, как именно он влияет на продвижение и на кликабельность вашего сниппета в ПС и про то, как установить оценку статей с помощью сервиса likebtn.com. Я не хочу повторяться в рамках данной статьи, и если вам нужна более подробная информация, то переходите по указанной ссылке.
В этой статье вы узнаете про бесплатный генератор рейтинга статей для вашего блога https://rating-widget.com/ Раньше я пользовалась данным рейтингом для своего блога, но в дальнейшем отказалась, видимо в период, когда я отказывалась от лишних элементов и виджетов на страницах блога. В последнее время, когда продвижение сайтов стало всё более загадочной вещью, сео-оптимизаторы стали утверждать о пользе установки рейтинга. В экспериментальных целях, я решила снова поставить “звёздочки” на свой блог. Вы их видите под заголовком каждой статьи. Также я обнаружила после установки скрипта, что теперь можно голосовать и за лучший комментарий, что тоже само по себе неплохо. В другом же моём блоге ретинг для комментариев не появился, в нём используется стандарная тема Emporio (возможно в этом причина).

Генератор rating widget


Плюсы рейтинга https://rating-widget.com/:
  • бесплатный виджет. Есть, конечно, на сайте и платные тарифы, но вы можете использовать виджет рейтинга бесплатно неограниченное время на нескольких сайтах.
  • легко устанавливается на любой блог или сайт. Совместим с сайтами на площадках Wordpress, Blogger, Wix,webly, tumblr.
  • виджет можно перевести на язык вашей аудитории. Если у вас блог на русском языке, то неудивительно, если вы захотите устаносить русскоязычный виджет.
Минусы:
  • не гарантированно звезды (оценка ваших статей) попадут в выдачу Google. Как Евгений писал уже в другой моей статье для того, чтобы рейтинг отображался в выдаче неоходимо, чтобы он был прописан в микроразметке, а для этого в данном сервисе предусмотрен платный тариф. Я проведу эксперимент, о результатах которого сообщу в этой статье позже (примерно через месяц). Статья будет обновлена.
  • англоязычный сайт. для тох, кто слабо владеет языком могут возникнуть некоторые препятствия в установке виджета. Но вы можете следовать инструкции на нашем сайте, и избежать подобных проблем.

Генератор звездного рейтинга для сайта


Перейдите на страницу генератора https://rating-widget.com/ и нажмите на кнопку создания бесплатного виджета:
получить звездный рейтинг для сайта
Далее появится окно, в котором по-английски задан вопрос: “вы впервые на сайте?”:
регистрация на сервисе получения рейтинга
Нажмите на кнопку “Create account” (создать аккаунт). Далее заполните форму регистрации: укажите адрес сайта, на котором будет установлен виджет вейтинга записей и выберите тематику вашего блога. Далее вы можете осуществить вход через аккаунты Google, Linkedin, facebook или зарегистрироваться через e-mail (First and Last Name – имя и фамилия, your email address – ваш e-mail, set your password – установите пароль).
создание учетной записи
Теперь мы приступаем к генерации виджета. Вы видите панель с множетсовм настроек:
стиль рейтинга
Установите стиль виджета, выберите тему и цвет, язык виджета и другие настройки.
Самое главное, при настройке виджета, вы должны видеть, что ваш рейтинг имеет нормальный вид в виде звезд или лайков. Во время сбоев, когда отображение не работает, установить адекватно виджет не получится. В этом случае может помочь смена браузера или повторные попытки генерации рейтинга. Вот так выглядит рейтинг в просмотрщике:
звёздный рейтинг
Нниже вы уидите сгенерированный код для вашего сайта:
код виджета

Установка виджета звёздного рейтинга на Blogger

В Blogger можно установить рейтинг двумя способами. Что нужно сделать до установки любым из способов – это выбрать нужную вам платформу, а именно Blogger в верхней части генератора^
Установка виджета звёздного рейтинга на Blogger
1 способ установки виджета рейтинга через добавление нового элемента в Blogger – нажмите на кнопку “Добавить в Blogger”:
добавить на blogger
Выберите ваш блог, на который вы хотите установить и одобрите размещение. Рекомендую пользоваться этим простым способом тем, кто использует в своём блоге одну из последних тем Blogger (Contempo, Soho, Emporio или Notable). В этих темах вам будет достаточно переместить виджет в разделе “Дизайн” в поле “Sidebar (item page)”, чтобы рейтинг начал отображаться только в записях блога.
2 способ. Скопируйте предложенный код и разместите его во вкладке “Тема” (изменить HTML) перед тегом </body>. Чтобы звёзды отображались только в записях посместите вышеуказанный код между тегами
<b:if cond='data:blog.pageType == &quot;item&quot;'> здесь ваш код рейтинга </b:if>
Каким бы из способом вы не замещали звёзды, у вас они строятся в нижнюю часть каждой статьи. Если вас не устраивает такое положение, и вы хотели бы поместить виджет сразу под заголовком, то редактировании темы (Тема –> изменить HTML) найдите код <div class='post-body …>. Это код может выглядеть, как <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='description articleBody'> или <div class='post-body entry-content float-container' expr:id='&quot;post-body-&quot; + data:post.id'> или несколько иначе.

Ищите по отрезку кода div class='post-body . После него вам нужно вставить код
<b class="rw-rating-container"></b>
Этот код может встречаться в шаблоне несколько раз. Экспериментируйте после какого раза вам нужно вставить код размещения звёздого виджета. В этом блоге мне пришлось вставить после четвертого раза, а в другом – после первого. Всё зависит от структуры вашего шаблона.

Как установить rating widget на wordpress

У сервиса Rating widget имеется свой плагин для wordpress. Вы можете найти его в своей админ панели сайта в поиске по виджетам. В поиск забейте Rating Widget.
плагин рейтинг статей
Установите и активируйте плагин. Дополнительно вам придется подтвержить установку плагина на сайте через активацию по e-mail. Ждите письмо со ссылкой-активацией. Перейдите в настройки плагина (setting) и придайте желаемый внешний вид рейтингу.
Параметры настройки плагина рейтинга статей:
  • Enable for Front Page Posts – снимите галочку напротив этого пункта, если не хотите, чтобы рейтинг отображался на главной странице.
  • Language – выберите язык рейтинга,
  • Type – вид: палец вверх или звёзды.
  • Theme – тема (стиль виджета),
  • Size – размер,
  • Read Only – “только чтение”. Если вы выберите “active”,
  • Specific Visibility Settings (Специальные настройки):
  1. Show on every Front Post – показать во всех постах,
  2. Show on every Front Post except the listed Front Posts – показать во всех постах.ю кроме (вписываем id исключённых постов через запятую),
  3. Show only on the listed Front Posts – показать только в следующих постах.
  4. Post Views Visibility Settings – исключите показ рейтинга на страницах архивов, категорий, поиска при неоходимости.
    Теперь вы можете проверить работоспособность виджета в действии - оцените эту статью. Рейтинг вы найдете под заголовком записи. 


Читать далее ...

2018-08-11

Textual description of firstImageUrl

Как сделать уведомление об использовании cookies на сайте

cookies уведомление
Требование законодательства РФ гласит, что на сайте должно быть предупреждение о том, что вы собираете куки. Куки хранятся на серверах, и доступ к ним блогерам Blogger закрыт, но это не освобождает вас о необходимости размещения уведомления. Кроме предупреждения о куках ,на вашем сайте должно быть согласие на обработку персональных данных. В этой статье речь пойдет о том, как установить полосу с предупреждением об использовании cookies на любой сайт (Blogger, wordpress, joomla и любой другой).
Куки – это зашифрованная информация о пользователе, который посещает ваш сайт. Может быть вы удивитесь, узнав, что для пользователей интернета стран Евросоюза, Blogger уже встроил предупреждение об использовании cookies.
Вот, как выглядит мой блог, если просматривать его с ip одной из стран Евросоюза:
уведомление о куки
Предупреждение об использовании cookies:
Этот сайт использует файлы cookie Google. Это необходимо для его нормальной работы и анализа трафика. Информация о вашем IP-адресе и агенте пользователя, а также показатели производительности и безопасности передаются в Google. Это помогает обеспечивать качество услуг, накапливать статистику использования, а также выявлять и устранять нарушения.
Если вы ведёте свой блог в России или Украине, как большинство читателей моего блога, то на ваш блог Blogger не встраивает данное полосу-уведомление для жителей этих стран.

Как добавить полосу предупреждение об использовании куков на ваш сайт

  1. Используйте для этого генератор https://silktide.com/tools/cookie-consent/download-install/ С еего помощью вы настроите полосу за 3 шага.
    создать уведомление о cookies yf cfqn
  2. Выберите тему уведомления (choose theme) – светлую или тёмную и расположение виджета.
  3. Нажмите Continue (продолжить), перейдите ко второму пункту “Customise” (настроить) и поставьте галочку в чекбокс “Customise the text” (настроить текст). Заполните строки своим текстом.
    - Headline text – текст, который будет отображаться на полосе,
    - Accept button text – текст на кнопке
    - Read more button text – читать далее, если предполагается ссылка на страницу с соглашением о куках,
    - Your cookie policy – страница с соглашением об использовании cookies (необязательно).
  4. Жмите снова Continue (продолжить), сгенерируется код, который нужно добавить в редактор кода вашей темы перед закрывающимся тегом <head>.
Минусы данного генератора в том, что нет настройки, и уведомление будет показываться на каждой странице одному пользователю многократно. В конце концов, посетитель уйдет с вашего сайта, и впредь постарается его избегать. Этого недостатка лишен виджет
Второй генератор кода полосы вы найдете на сайте Getsitecontrol. Я уже писала об этом многофункциональном сервисе для создания виджетов. Необходима рестрация, но она не займет у вас много времени. При регистрации, вам придётся установить код getsitecontrol перед закрывающимся тегом </body>. На этом редактирование кода вам больше не понедобится. Вы будете изменять настройки на самом сервисе, и они будут автоматически применяться на вашем сайте.

Как добавить виджет с предупреждением о куках через getsitecontrol.com

  1. Регистрация,
  2. Создание нового виджета через меню Create widget –> Promo:
    полоса cookies
  3. При редактировании настроек виджета, перейдите во вкладку Content и пропишите текст в строках, как у меня:
    виджет cookies
    Укажите желаемую позицию виджета и снимите галочку напротив “Open the target page in a new window” (открывать ссылку в новом окне)/
  4. Чтобы виджет не мозолил глаза вашим читателям, установите настройки в разделе Behavior, как у меня:
    настройки уведомления
Плюсы getsitecontrol:
- более тонкая настройка полосы уведомления
Минусы:
- виджеты getsitecontrol условно-бесплатные, т.е. вы можете использовать этот виджет бесплатно только на одном сайте и если у вас менее 50 000 просмотров в месяц.
Читать далее ...

2018-08-07

Textual description of firstImageUrl

Как перевести PDF в Doc

программа PDF to X
Программа PDF to X переводит PDF в другие форматы, а именно — в Doc (формат word) или rtf (wordpad), в JPF (изображение), TXT (текстовый документ), HTML (в форматы веб-страниц). Все преобразования можно проводить в пакетном режиме.
Программа очень проста в работе.
Официальная страница - https://www.pdf-helper.com/pdf-to-x/
Стоимость программы 39,9$

Плата разовая, лицензия пожизненная.

Для сравнения могу привести другие конвертеры PDF:
На мой взгляд самый лучший из них Candy PDF, но и стоит он дороже (59$).

Как работать в программе PDF to X
  1. Запускаем программу
  2. Выбираем в какой формат вам нужно конвертировать PDF документ. Например, PDF to doc
    Как перевести PDF в DocКак перевести PDF в Doc
  3. При необходимости выбираем много PDF файлов
  4. Применяем настройки — выбираем выходной формат (doc или rtf) и путь сохранения файла.
  5. Нажимаем на кнопку «Преобразовать всё»,
  6. Наслаждаемся результатом.
    PDF to X

Читать далее ...

2018-07-26

Textual description of firstImageUrl

Pdf Candy desktop–конвертер PDF файлов

pdf candy desktop
Здравствуйте! Сегодня я хочу рассказать вам об отличном конвертере PDF, который позволяется переводить файлы PDF в другие форматы – Word, DOCX, JPEG, PNG, OCR, RTF, ODT, TIFF, BMP.
В файл PDF вы можете конвертировать еще большее количество форматов. Это Word, Docx, HTML, JPG, PNG, TIFF, BMP, RTF, ODT, Excel, ODF, а также форматы электронных книг FB2, EPUB, MOBI.
pdf candy конвертер
Огромный плюс программы в том, что PDF Candy Desctop позволяет распознавать текст при помощи встроенного инструмента ОРС (оптического распознавания символов). Программа понимает русский язык.
Кроме функции конвертера в программе PDF Candy Desktop имеются функции:

  • сжатия PDF,
  • склейка PDF файлов,
  • разбитие PDF файла на несколько,
  • функция удаления страниц,
  • защита PDF паролем. Здесь также можно поставить пароль на PDF.
  • поворот PDF файла на 90°, 180°, 270°.
  • функция обрезки PDF,
  • функция извлечения изображений,
  • извлечь текст,
  • редактировать метаданные
Программа PDF Candy Desktop – условно-бесплатная. Вы можете попробовать её в действии определенный бесплатный тестовый период. Если вы не готовы платить за эту многофункциональную программу, то у меня есть для вас хорошая новость – на сайте разработчиков доступен совершенно бесплатно конвертер PDF файлов, но без распознавания отсканированного текста.
На сайте Candy PDF кроме конвертера имеются и другие инструменты работы над PDF файлами. Во-первых, это те же инструменты, что имются в программе, плюс дополнительные:
  • снять защиту с PDF,
  • добавить водяной знак (текстовый или изображение). Примечание: русские символы не принимает, лучше писать латиницей, например, укажите домен вашего сайта в качестве водяного знака или подготовьте логотип.
  • сортировка страниц. Просто перетягивайте миниатюры страниц, чтобы изменить их последовательность:
    2018-07-26_19-37-39
  • изменение размера страниц файла. Изменяйте формат на любой другой – А3, А4, А5 и др.
  • нумерация страниц PDF файла,
  • добавление колонтитулов.
Как вы видите, сервис и программа PDF Candy имеет множество разнообразных инструментов по работе над PDF-файлами, из которых самый важные – это конвертер PDF в другие форматы и распонавание текста. Это часто бывает необходимо, когда нужно редактировать PDF-документ.
Читать далее ...

2018-07-13

Textual description of firstImageUrl

Влияние Agile-методологий на отделы маркетинга

Влияние Agile-методологий на отделы маркетинга
Снова представляю вашему вниманию инфографику от компании Wrike. Разберемся вместе в сути методологии Agile, поможет нам в этом инфографика. Agile-методологии используют в своей работе маркетологи, особенно актуальна она в период сокращения издержек. Agile методология требует командной работы. Все больше маркетологов прибегают к ней, как к эффективному средству достижения поставленных целей.
Другими словами Agile – это гибкое управление проектами. Её основная миссия - наладить командную работу. Agile провозглашает ценность людей, сотрудничества, взаимодействия с клиентами и ставит выше бумажной волокиты, строгого плана, инструментов.

Гибкость – основной дивиз системы. Если во время выполнения работы, требуются изменения подхода к выполнению, изменения методики, сроков, требований к конечному продукту, то изменения эти необходимы.
Члены одной команды должны иметь возможность принимать решения самостоятельно, в рамках Agile они должны быть мотивированы, рабочий процесс максимально упрщается.
Читайте также 10 рекомендаций по управлению проектами
Инфографику предоставила Wrike - Программа Для Управления Проектами
Влияние Agile-методологий на отделы маркетинга
Читать далее ...

2018-07-06

Textual description of firstImageUrl

Провал эксперимента с Adsense Auto

1-adsence-auto-ad
Я хотела провести эксперимент длиною в месяц с автоматизированными объявлениями Adsense, но эксперимент затянулся, так как все мои блоги попали под фильтр Яндекса. Если вы ведете сайты в интернете, то могли сталкиваться с фильтрами, банами и другими сюрпризами от поисковиков.
Я веду блоги уже 8 лет, и за это время много раз попадала в немилость ПС, поэтому отношусь к этому довольно спокойно. Правда, со мной никогда не было такого, чтобы все сайты одномоментно загремели под фильтр. Причина оказалась проста: на всех проектах у меня были размещены рекламные блоки ссылок Adsense. Яндексу не понравился этот формат конкурента, и он пессимизировал все блоги, на которых был размещен этот формат рекламы.


Надо сказать, что блоки ссылок – это самый выгодный формат рекламных объявлений Google Adsense. От него пришлось отказаться, и через некоторое время все мои сайты вышли из-под фильтра. Все эти изменения (падение посещаемости ресурсов, смена рекламных блоков) не позволяли мне провести чистый эксперимент.

Я читала отзывы блогеров об автоматизированных объявлениях. Многим такие они не пришлись по вкусу. Мое мнение другое – adsense auto мне понравился. Рекламные блоки вставляются в удачные места, показываются в неожиданных позициях. Доход с автоматизированными объявлениями выше из-за увеличения CTR. Жалко, что не могу предоставить скриншотов, так как они не будут отображать реальную картину из-за постоянных изменений моей рекламной политики.

Спасибо за внимание! Извините за провал эксперимента
Читать далее ...

2018-06-24

Textual description of firstImageUrl

Blogger pro free - мобильный блог-клиент

Blogger pro  - мобильный блог клиент


В моём блоге уже публиковался список лучших мобильных приложений для ведения блога, еще ранее я приводила другой перечень андроид приложений для блогера. Жизнь идёт, все изменяется, закрываются/становятся неактуальными старые приложения, на их место приходят новые, более совершенние. Поэтому сегодня пойдет речь о молодом мобильном приложении, blogger клиенте, с помощью которого вы можете вести блог прямо с вашего мобильного телефона.
Blogger pro – самый удобный клиент для ведения блога с мобильного из тех, которые я тестировала. Соглашусь, что писать длинные тексты очень неудобно с телефона, но если у вас нет под рукой компьютера, если ваши записи не очень длиные, а скорее представляют собой заметки, или вы публикуете по большей части фотографии, то приложение Blogger Pro free окажет неоценимую помощь вам в этом.
Скачать этот удобный блог-клиент Blogger Pro вы можете с Google Play >>>
Плюсы приложения Blogger Pro:
  • удобно писать, редактировать сообщения вашего блога,
  • легко публикует фотографии и другие изображения в записи блога.
  • поддерживает ярлыки,
  • работает функция публикации в черновик блога.
  • можно вести сразу несколько блогов, расположенных на одном аккаунте благодаря удобному переключателю.
  • просмотр и управление комментариями.
  • просмотр статистики вашего блога blogger
  • Я нашла еще одно преимущество приложения. Это будет удобно для тех, кто пишет о мобильных приложениях, о функциях телефонов, и сталкивается с необходимостью пересылать скриншоты мобильного на компьютер для дальнейшего редактирования и публикации в блог. Упрощаем себе жизнь: печатаем текст сообщения с компьютера, используя для этого Open live Writer или редактор сообщения Blogger и публикуем текст в черновик блога (post draft to blog – так называется функция в Open Live Writer). Если вам нужен ЧПУ, то публикуйте заголовок на английском языке. Далее редактируем вашу запись на мобильном телефоне в приложении Blogger Pro, добавляя картинки с телефона и окончательно публикуйте вашу запись уже с мобильными скриншотами.
Минусы приложения:
  • нет функции распознавания речи. Было бы удобно писать тексты в блог под диктовку.
  • реклама. Несмотря та то, что реклама ненавязчивая, но она есть. Рекламу можно убрать, оформив платную подписку.
  • нет возможности создавать ЧПУ (человеко понятные урл), description статьи.
  • нет возможности переключаться между разными аккаунтами Blogger.
  • нельзя добавить видео (нет загрузчика и нельзя добавить видео с youtube).
Минусы приложения обусловлены тем, что полноценное ведение блога пока возможно только на ПК, блог клиент призван лишь упрощать публикацию статей. В любом случае дополнительная публикация статей с мобильного будет полезна для вашего блога, так как увеличит скорость обновления блога.

Как работать с приложением Blogger pro free

Установка приложения стандартная. Далее выбираем аккаунт, на котором расположен ваш блог:


Выбирайте блог, на который собираетесь опубликовать запись.


Пишите ваше сообщение, форматируйте текст, добавляйте изображения и ссылки. Перед публикацией изображенений, рекомендую их оптимизировать с помощью мобильного приложения JPEG Optimizer.



Для того, чтобы добавить ярлыки, перед публикацией сообщения вам нужно нажать на шестеренку в верхней части приложения и в строке под названием “Этикетки” ввести через запятую ваши ярлыки Blogger.


Надеюсь, что публикация сообщений с Blogger pro для вас значительно упростится, особенно в сезон отпусков!
Читать далее ...