Архивы

Что такое адаптивный сайт

Привет читателям  сайта Успех в Интернет!  

Что такое адаптивный сайт?

Адаптивный сайт – сайт, который адаптирован на просмотр с любых устройств (планшетов, телефонов, смартфонов и т.д).

Почему я решилась на этот шаг?

Мне постоянно приходили письма от Google, что  мой сайт необходимо настроить на мобильные устройства. Я эти письма игнорировала. Думала,  зачем мне это надо, пока не решила зайти на  Google вебмастер и посмотреть свой сайт.

Там я увидела предупреждение, что мой сайт не сканируется поисковыми системами из – за того, что у меня не настроена мобильная версия. Оказывается, Google c  апреля 2015 года ввел новые правила о настройке сайтов под мобильные устройства.

Последним действием, чтобы адаптировать свой сайт под мобильные устройства, стало заявление моих знакомых, что сайт не корректно отображается у них на своих мобильниках. Можете прочитать о поисковой системе  здесь, я не буду останавливаться на этом.

Я начала искать шаблоны в Интернете. Забивайте поисковый запрос  «адаптивный дизайн на  WordPress» и скачивайте его к себе на компьютер, а затем загружайте на сайт. Потом проверьте его на сайте  https://developers.google.com/speed/pagespeed/insights/.

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

Мои ошибки:

Скорость загрузки сайта.
Тяжелые картинки.
Маленькие шрифты.
Маленькое расстояние навигации сайта.
Я стала исправлять. Мучилась  долго, пока не установила плагины.

Плагин для мобильных устройств, оказывается, такой есть  JetPack
Плагин для сжатия картинок WP Smush

Эти плагины можно скачать с официального сайта или с админки в вставке «плагины» введя в поисковый запрос.

И мои результаты. Нажмите на картинку, чтобы посмотреть.

adaptivnii

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

С уважением Вероника.

 

Скрипты

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

Здравствуй дорогой друг!

 

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

Установка очень простая. Эти социальные кнопки, вставляете в свой блог, который у Вас находится на бесплатной платформе «блогспот».

Заходите в дизайн — добавить гаджет, находите yava/html и вставляете скопированный ниже скрипт. Выделенное красным цветом, вставляете адрес своего блога и сохраняете.

 

<script src=’http://w.sharethis.com/gallery/shareegg/shareegg.js’ type=’text/javascript’></script>
<script src=’http://w.sharethis.com/button/buttons.js’ type=’text/javascript’></script>
<script type=’text/javascript’>stLight.options({publisher: «ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee», onhover:false}); </script>
<link href=’http://w.sharethis.com/gallery/shareegg/shareegg.css’ media=’screen’ rel=’stylesheet’ type=’text/css’/>

<div style=’position: fixed; bottom: 2%; left: 2%;’>
<div class=’shareEgg’ id=’shareThisShareHeart’></div>
</div>
<script type=’text/javascript’>stlib.shareEgg.createEgg(‘shareThisShareHeart’, [‘facebook’,’twitter’,’pinterest’,’linkedin’,’stumbleupon’,’email’,’sharethis’], {title:’blog’,url:»http://muzotekafon.blogspot.ru/,theme:’shareheart’});</script><a href=»http://tinyurl.com/brcxahg»><script type=»text/javascript»>
//</script></a>

Когда я сохранила запись и опубликовала, код отобразился не правильно и конечно, при таком коде ничего не получится. Буду разбираться, а пока Попрбую дать этот код на другом блоге.

Надеюсь Вам понравится.

Поделитесь со своими друзьями!

С уважением Вероника.

 

 

Озвучка текста

Существует множество программ для озвучки голоса. Все эти программы можете найти в интернете. Я хочу рассказать Вам сегодня о онлайн сервисах. Вы можете выбрать любой голос, внести текст, отредактировать голос и сохранить файл в mp3.
Первый сервис, который мне понравился это 2уха.ру Большие возможности этого сервиса. Здесь можно найти все. Я же пользовалась разделом «онлайн сервис» где можно записать голосом любой текст. Я в этом сервисе не регистрировалась, но если зарегистрироваться, то у Вас появиться больше возможности пользования этим сервисом.
Как использовать этот сервис, и для каких целей, решать Вам. Немного подсказки. Как Вы знаете, нельзя копировать материалы с других сайтов, и размещать на своем. За это поисковые системы не погладят по головке админа, могут послать сайт в АГС. Если же Вы этот же текст озвучите, то все будет ок. Вот Вам и наполнение сайта контентом.

Второй сервис это http://prochtu.ru/  Здесь я зарегистрирована, большой выбор книг, можно потренироваться и в качестве диктора. Можно заказать профессионального диктора. Можно вставить плеер с понравившейся книгой к себе на сайт в редакторе HTML.

Плеер с прочти. Ру

Если понравилась статья поделитесь, нажмите на кнопочки.

С уважением Вероника.