Архив метки: Wordpress

SEO-термины: кривая ссылка

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

По правилам HTML-разметки правильную гиперссылку декларирует тег A. Путь для перехода по правильной ссылке указывает аттрибут тега href.

Ссылка кривая в двух случаях:

  • если у размещенной ссылки отсутствует аттрибут href;
  • если значение атрибута href не является URL.



2015-04-29T10:00:07
Лучшие учебники по Wodpress

Плагин WPtouch — настраиваем мобильную версию WordPress блога

Всем привет!

До 21 апреля осталось чуть больше недели, чтобы оптимизировать свой сайт под мобильные устройства. За это время вряд ли получится у программиста заказать и получить готовую мобильную версию для сайта, да и не у всех могут быть деньги на это. В этой статье я расскажу, как сделать мобильную версию сайта с помощью плагина WPtouch Mobile Plugin.

Как проверить оптимизирован ли сайт для мобильных устройств и как он отображается на устройствах с различным расширением экрана, читайте по ссылке https://inetsovety.ru/proverka-optimizatsii-sayta-pod-mobilnye/

Как сделать мобильную версию WordPress сайта

С помощью плагина WPtouch Mobile Plugin даже новичок сможет сделать мобильную версию для своего WordPress сайта, если установленный шаблон не адаптивный. Не смотря на то, что плагин имеет две версии бесплатную и платную, базовой версии вполне достаточно для среднего сайта. В том случае, когда у вас крутой сайт, который приносит нормальный доход, для него лучшим решением будет заказать программистам мобильную версию, а не покупать Про версию WPtouch за 59 долларов.

Установка плагина стандартная. В строку поиска вводим название WPtouch Mobile Plugin и устанавливаем его. На этом скрине смотрите пошаговые действия по установке:

Как установить плагин WPtouch Mobile Plugin

Как только вы активировали плагин, у сайта появилась мобильная версия. Проверка удобства просмотра на мобильных устройствах от Гугла показывает «Отлично! Страница оптимизирована для мобильных устройств». Больше можно ничего не делать. Все работает. Зайдите на свой сайт со своего телефона и посмотрите.

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

Как настроить плагин WPtouch

В админке в левой колонке появился пункт WPtouch.

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

Второй подпункт «Базовые настройки». Он имеет две вкладки: «общие» и «совместимость». На вкладке «общие» можно изменить название сайта, выбрать начальную страницу, отключить ссылку переключения к полной версии. Настройки на вкладке «совместимость» нам не интересны, только пользователи Про версии могут выбрать, какие плагины будут загружаться с мобильной версией, а также добавить шорткоды.

Третий пункт – «Темы и расширения». Здесь нам делать нечего. В бесплатной версии есть только одна тема – Bauhaus, а из расширений вообще ничего не доступно.

Темы мобильной версии в пдагине WPtouch

Идем дальше. Четвертый подпункт – «Параметры темы». Он имеет аж 5 вкладок «Общие», «Фирменная символика», «Закладка пиктограмм», «Режим веб-приложения», «Реклама».

На первой вкладке «Общие» обратите внимание на следующие настройки: вывод количества записей, поэкспериментируйте с эскизами, выберите какие элементы показывать (комментарии, слайдер). К сожалению, для бесплатной версии не доступен вывод блока похожих записей. На вкладках «Фирменная символика» и «Закладка пиктограмм» можно изменить цвета и эмблемы темы.

Настройка вывода постов в WPtouch

В четвертом пункте «Меню» выберите, какие страницы меню показывать, а какие нет. К каждой странице можно добавить значки:

Меню в мобильной версии сайта

Как вы заметили, в бесплатной версии нельзя добавить рекламу, которая будет отображаться на мобильном. Это ограничение можно обойти, добавив в файл темы рекламный код. Минус у этого способа следующий – при обновлении плагина рекламные коды нужно добавлять заново.

Хочу обратить ваше внимание на то, что для телефона нужно создавать рекламные блоки своего формата. В Адсенс есть стандартный блок 320*100. Можно создать свой с шириной 320, а высотой 300. Поэкспериментируйте и посмотрите результат.

В случае с тизерной рекламой, можно создать блок шириной все те же 320 пикселей. А в нем расположить 3 объявления в столбец с размером картинки 50*50. Смотрится отлично. Еще я добавила ссылку «читать далее», которая выводится справа от тизера.

Как вывести рекламу на мобильном в начале и конце статьи

Теперь объясню куда же добавлять коды. В бесплатной версии плагина WPtouch есть всего одна тема Bauhaus. Зайдем в папку с ней по следующему пути сайт.ru/public_html/wp-content/plugins/wptouch/themes/Bauhaus/default

И вы увидите список файлов, которые отвечают за отображение сайта на мобильных устройствах:

Список файлов темы

Нас интересует файл single.php. В него мы и будет добавлять коды.

Первый блок Адсенс 320*100 я добавила после вывода миниатюры, сразу после этого кода:

<div class="post-page-thumbnail">

<?php the_post_thumbnail('large', array( 'class' => 'post-thumbnail wp-post-image' ) ); ?>

</div>


Добавить рекламу после кнопок соцсетей мне не удалось, если вы найдете решение, напишите в комментариях.

Второй блок Адсенс 320*300 в конец поста, перед кодом:

<?php get_template_part( 'related-posts' ); ?>

А код тизерки перед выводом комментариев:

<?php if ( comments_open() || wptouch_have_comments() ) { ?>

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

<?php get_footer(); ?>

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

Жду ваших комментариев.



2015-04-12T19:06:53
Блог на WordPress

Создание мобильной версии сайта на WordPress за 10 минут

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

Читать

Безопасность WordPress в 2 клика с помощью All In One WP Security

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

Читать

Как удалить неиспользуемые изображения с хостинга

Доброго времени суток! В этой статье я расскажу вам, как освободить место на хостинге, удалив с него копии изображений, которые автоматически создаются при загрузке картинок на хостинг. Возможно, Вы обращали внимание, что база данных сайта весит 5 Мб, а на хостинге занято 300 Мб. Можно подумать, что столько места занимают файлы движка wordpress и плагины. Но, рекомендую вам присмотреться к файлам картинок, которые хранятся в папке uploads, особенно если Вы ведете свой блог год и более, а также загружаете по несколько фото к статье.

Подключитесь к хостингу и проверьте папки с загруженными изображениями, которые находятся по адресу public_html/wp-content/uploads/год/месяц

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

на хостинге создаются копии загружаемых изображений разного размера

Первый вариант — удалять с хостинга клоны изображений прямо через файловый менеджер. Можно и так. Но перед тем, как приступить к массовому удалению картинок, проверьте, измениться ли что-то в статьях, копии картинок Вы удалите. На одном сайте, удаление картинок неиспользуемого размера привело к тому, что картинка оригинального размера перестала отображаться в статье, хотя на хостинге она оставалась!

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

Удаление неиспользуемых изображений плагином DNUI Delete not used image

Первым делом установим плагин. В форму поиска введите его название «DNUI Delete not used image», установите и активируйте его.

как установить плагин DNUI Delete not used image

 

На третьей вкладке плагина «Option» установите 50 или 100 вместо 25. Это количество выводимых на странице картинок.

При переходе на вкладку «SCAN DATABASE», через некоторое время отобразится список изображений и их копий. Используемые изображения с пометкой use, а также оригиналы изображений будут на сером фоне. На белом фоне отобразится список копий разного размера. Выглядеть это будет примерно так:

  • webmaster-yandex-2.png (2585) original 463×410 YES use
  • webmaster-yandex-2-150×150.png (2585) thumbnail 150×150 YES not-use
  • webmaster-yandex-2-300×265.png (2585) medium 300×265 YES not-use

удаление неиспользуемых картинок из базы данных и хостинга

 

Изображения с пометкой use удалить нельзя, чекбокс для выбора не активен. А вот оригиналы изображений на сером фоне, которые плагин пометил, как not-use удалить можно. Но удалять их нужно очень осторожно!

Плагин по ошибке может посчитать не используемыми изображения, которые не добавлены в постах, но используются, как миниатюры или загружаются в виджетах!

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

На самом деле, если перепроверять все выделенные копии и not-use картинки, времени уйдет не мало, особенно, когда много картинок. Запаситесь терпением, неосторожные действия, могут отнять у вас намного больше времени на восстановление.

Работайте по следующему алгоритму:

  1. Ставьте галочку в чекбоксе возле названия «Name».
  2. Снимайте галочки с оригинальных картинок в статусе not-use. Удалять можете те картинки, когда Вы на 100% уверены, что они не используются нигде. Например, статью Вы удалили, а картинки нет.
  3. После этого нажимайте на кнопку «Delete all selected»
  4. Копии будут удалены, а на странице подгрузятся новые. Если новые в списке не отображаются, переходите на следующую страницу, нажимая «Next».

После чистки, посмотрите какие настройки медиафайлов у вас выставлены. Если для каждой статьи Вы загружаете изображения в уже подготовленном размере. Например, миниатюры 150*150 пикселей. Тогда поставьте в настройках нули, чтобы Вордпресс не создавал копий изображений.

настройки медиафайлов, чтобы не создавались копии картинок

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



2015-03-16T11:46:05
Блог на WordPress

Базовые настройки файла htaccess для WordPress блога

Приветствую вас на блоге inetsovety.ru. Сегодня я вам расскажу о настройке конфигурационного файла .htaccess для сайта на WordPress. Файл позволяет переопределить настройки веб-сервера, подключив дополнительный функционал.

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

А теперь обо всем этом по порядку с кодами реализации. Файл .htaccess может находиться корневом каталоге сайта или в какой-либо из папок, находящихся на сервере. Если .htaccess находится в корневом каталоге сайта, тогда его действие распространяется на все папки и файлы на сервере. Если же .htaccess находится в отдельной папке (например wp-content), его действие распространяется на все файлы из этого каталога.

Ошибки в кодах, которые добавляются в файл .htaccess могут привести потере работоспособности сайта. Перед началом внесения каких-либо настроек в этот файл создайте его резервную копию.

Что делать, если Вы не обнаружили в корне сайта файла .htaccess? Взять готовый файл, который я дам для скачивания в конце статьи или создать свой.

Защита файлов .htaccess и wp-config.php

Чтобы взломщики не смогли получить доступ к имени и паролю базы данных, которые хранятся в файле wpconfig.php, нужно запретить доступ к этому файлу.Тоже самое нужно сделать и из файлом .htaccess. Если злоумышленники получат к нему доступ, они могут настроить перенаправление всех посетителей вашего сайта на свой.

Добавление следующих строчек кода запретит доступ к этим файла вне FTP и файлового менеджера хостинга.

# защищаем wpconfig.php

<files wp-config.php>

order allow,deny

deny from all

</files>

#защищаем htaccess

<Files .htaccess>

order allow,deny

deny from all

</Files>

Эти коды лучше добавлять ближе к концу.

Ускорение загрузки сайта включением Gzip сжатия файлов и кэша браузера

Описание кодов, которые включают кэш браузера и Gzip сжатие, я уже приводила в этой статье https://inetsovety.ru/kak-proverit-skorost-zagruzki-sayta/, сейчас я их продублирую без комментариев:

# Включаем кэш в браузерах посетителей

FileETag MTime Size

<ifmodule mod_expires.c>

<filesmatch ".(jpg|jpeg|gif|png|ico|css|js)$">

ExpiresActive on

ExpiresDefault "access plus 1 year"

</filesmatch>

</ifmodule>

# Сжатие данных Gzip

<IfModule mod_deflate.c>

AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css application/x-javascript

BrowserMatch ^Mozilla/4 gzip-only-text/html

BrowserMatch ^Mozilla/4.0[678] no-gzip

BrowserMatch bMSIE !no-gzip !gzip-only-text/html

<ifmodule mod_gzip.c>

mod_gzip_on Yes

mod_gzip_item_include file .js$

mod_gzip_item_include file .css$ </ifmodule>

</IfModule>

Перенаправление с дублированных страниц

В статье о дублях страниц, которые приводят к фильтру от Гугла был подобный код:

<IfModule mod_rewrite.c>

RewriteEngine On

RewriteBase /

RewriteCond %{QUERY_STRING} ^replytocom= [NC]

RewriteRule (.*) $1? [R=301,L]

RewriteCond %{QUERY_STRING} ^srp= [NC]

RewriteRule (.*) $1? [R=301,L]

RewriteRule (.+)/feed /$1 [R=301,L]

RewriteRule (.+)/comment-page /$1 [R=301,L]

RewriteRule (.+)/trackback /$1 [R=301,L]

RewriteRule (.+)/comments /$1 [R=301,L]

RewriteRule (.+)/attachment /$1 [R=301,L]

RewriteCond %{QUERY_STRING} ^attachment_id= [NC]

RewriteRule (.*) $1? [R=301,L]

RewriteRule ^index.php$ - [L]

RewriteCond %{REQUEST_FILENAME} !-f

RewriteCond %{REQUEST_FILENAME} !-d

RewriteRule . /index.php [L]

</IfModule>

Благодаря ему посетители вашего сайта не будут видеть страниц с хвостами replytocom, feed, comment-page, attachment, comments, потому что их при попытке зайти на такую страницу их автоматически перенаправит с дубля на оригинал.

Ограничение доступа к сайту с определенных IP адресов

Если Ваш сайт пытаются положить, создавая множественные запросы к его страницам с определенного IP адреса, мы может запретить доступ к сайту с этого IP. В файле access.log, который должен находиться в корневой папке сайта, находите айпи вломщика и добавляете его в черный список. Если файла access.log Вы не нашли, спросите у службы поддержки хостера, как подключить сохранение журнала доступа к веб-серверу. Для этого добавляем в файл htaccess следующий код:

Order Allow,Deny

Allow from All

Deny from 95.181.178.62 95.181.178.61

Deny from 95.181.178.

В примере выше показано, как заблокировать два айпи, прописав их вот таким образом Deny from 95.181.178.62 95.181.178.61. Или же можно заблокировать целый диапазон IP, стерев цифры после третьей точки: Deny from 95.181.178.

Смотрите внимательно кого Вы блокируете. Если по ошибке внесете в этот список айпи робота одной из поисковых систем, в результате получите не только не добавление новых страниц в индекс, а и выпадение старых страниц него. Узнать информацию о айпи можно по ссылке http://2ip.ru/whois/

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

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

RewriteEngine on

RewriteCond %{HTTP_REFERER} !^$

RewriteCond %{HTTP_REFERER} !^http://(www.)?ваш-сайт.ru/.*$ [NC]

RewriteRule.(png|gif|jpg|jpeg)$ http://www.ваш-сайт.ru/imgsecurity.jpeg [R,L]

В этом коде поменяйте ваш-сайт.ru на адрес вашего сайта, а по этому адресу http://www.ваш-сайт.ru/imgsecurity.jpeg укажите путь к картинке, которая будет грузиться вместо изображения. Что написать на этой картинке придумайте сами :)

Для своих сайтов я не использую больше никаких команд. Если со временем появится что-то еще я обязательно напишу в этой статье.

Вот ссылка на скачивание файла .htaccess https://yadi.sk/d/zs8M1M1zf9Lin

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

Жду ваших дополнений в комментариях.



2015-03-10T13:37:20
Блог на WordPress