Технично скрываем ссылку от индексации в WordPress при помощи jQuery AJAX

shutterstock_126117428-700x588 Технично скрываем ссылку от индексации в WordPress при помощи jQuery AJAX
В этот раз я расскажу, как красиво и элегантно скрыть ссылку от индексации поисковыми системами в тексте поста в WordPress. Причем для живого человека ссылка будет видна, и он даже сможет перейти по ней на внешний сайт. Это будет делать специальный скрипт на стороне посетителя. Но для поискового робота на странице будет совсем другая информация.

Зачем так делать?

Мы все знаем, что cсылки на сайте нужно скрывать от роботов. Открытая ссылка передает вес другим сайтам, что вредно для молодого копирайтерского или предпринимательского бложика. Но ссылки на другие сайты по любому нужные на блоге, например, на полезные сервисы, различные интересные ресурсы, на странички социальных сетей.
Конечно, вы скажете, что есть различные простые способы закрывать типа атрибута noffolow или команды .
Но тут есть два важных момента:
Во-первых, эти способы закрытия от индексации носят «рекомендательный» характер, о чем поисковые системы честно и говорят. Они прямо пишут – вы можете закрывать внешние ссылки от индексации с помощью этих приемов, но мы вам не обещаем, что не будем учитывать эти ссылки при ранжировании, мы вообще вам ничего не обязаны обещать. И среди профессионалов-вебмастеров есть обоснованные сомнения в пользе noffolow.
Во-вторых, способ закрытия ссылки с помощью jQuery AJAX дает гораздо большую гарантию скрытия ссылки. И проделать все операции, описанные ниже, на самом деле совсем несложно, займет минимум времени у любого начинающего пользователя WordPress. А если есть возможность сделать лучше — то почему бы не сделать? Ссылка будет спрятана в

…...
.
Вообще, эта область, которая примыкает к теме разного рода нечестных приемов и обмана посетителей (подмена выдачи). С помощью AJAX можно, в принципе, спрятать от поисковика любой контент на странице. Робот проиндексирует и покажет пользователю одно, а ява-скрипт на его компьютере нарисует в браузере совсем другое. Но мы, конечно, такими страшными и криминальными вещами заниматься не будем.

Как спрятать ссылку при помощи jQuery AJAX

Подключаем библиотеку jQuery

Первым делом, нам надо подключить библиотеку jQuery к вашему блогу. Не бойтесь, это только звучит, как нечто из сфер, где обитают хакеры и программисты. Подключение к сайту библиотеки, которая хранится на серверах Google, состоит в добавлении 1-й строки строчек в файл шаблона WordPress. Откройте в редакторе в консоли, в редакторе вашей темы файл header.php и впишите перед тегом эту строчку.


Вот и все.

Изменяем файл стилей

Чтобы долго не говорить — откройте в том же редакторе темы WordPress файл style.css, и в самом конце вставьте 5 строк (скобочку не потеряйте):

span.external-reference {
color: #5151FF; /* выбираем цвет ссылки */
text-decoration: underline; /* устанавливаем подчеркивание */
cursor: pointer; /* создаем курсор при наведении*/
}

Вставляем скрипт обработки

Также открываем footer.php и перед тегом вставляем такую конструкцию:

Прячем ссылочку от индексации

После проделанных операций (совсем несложно, правда?) вы можете прятать в тег ….. любую ссылку с анкором. У пользователя на компьютере она будет отображаться как совершенно нормальная ссылка с подчеркиванием, он может даже по ней переходить на другие сайты. Но для поисковика это будет просто элемент стиля, ссылка в этом месте странички сайта получается только в браузере посетителя сайта.
Для сокрытия ссылки используйте в любом посте на блоге такую конструкцию:

 Текст ссылки, которую хотите скрыть, типа «Жми сюда!»

Для пущей надежности окружите ссылку тегом
 Текст ссылки, которую хотите скрыть, типа «Жми сюда!»

Спасибо, что читаете блог!

Надо быть осторожнее с настройкой All In One SEO Pack. NOINDEX и NOFOLLOW

Вчера случайно выкинул этот сайт из индексации в Яндексе. Получилось нечаянно — у меня установлен SEO плагин «All In One SEO Pack» для WordPress. Услышал что есть более крутой — «Yoast SEO». Установил его, «поигрался», снес. Не понравился он мне.

Активировал опять «All In One SEO Pack», он и привычнее, и не лезет с рекомендациями, что мне писать в статьях, сколько абзацев делать, количество слов предложениях. Не обязательно всем ваять статьи под одну гребенку — все эти условия от Yoast SEO, возможно, полезные, но не определяющие.

Через некоторое захожу в Я.Вебмастер —  страницы выпилены из поиска — «Запрещено элементом noindex».

Этому сайту 10 дней всего — так что, конечно, это не катастрофа, опять все войдет,  со временем. Но «осадок остался».

Оказалось, я нечаянно, «на автомате», когда активировал и проверял настройки «All In One SEO Pack», поставил галочки там, где их ставить ни в коем случае нельзя.

0_194bbf_a705626a_orig Надо быть осторожнее с настройкой All In One SEO Pack. NOINDEX и  NOFOLLOW

В результате на всех страничках появился тег страшный тег <meta name=»robots» content=»noindex»/> исключить страничку из индексирования.

NOINDEX и NOFOLLOW в All In One SEO Pack

Тег «noindex», как известно, введен только Яндексом и не признается другими поисковиками. Его надо обязательно использовать, если вы воруете репостите на сайт чужие статьи.

Но ставить его надо так, <!—noindex—>Запретить эту часть страницы к индексации<!—noindex—> чтобы не было конфликтов при сканировании страницы другими поисковыми роботами. Если же это слово окажется в «мета-тегах» то страница вылетит из индекса. Яндекс, @, исключает из поиска быстро, а возвращает медленно.

All In One SEO Pack  — опасный плагин

  1. All In One SEO Pack иностранный плагин, но щедро  понаставил в своих настройках чекбоксы для опасной инструкции Яндекса.
  2. Их побольше будет, чем настроек для атрибута  NOFOLLOW.  <!—noindex—> это тег, а NOFOLLOW — это атрибут (rel=), который ставится внутри тега.
  3. Он запрещает переход  на другие странички, если у вас есть в статье ссылки на них.

Кстати, когда я начал читать про SEO, у меня в голове была такая каша, что некоторое время был убежден, что NOINDEX и NOFOLLOW это одинаковые инструкции, которые запрещают «передавать вес на другие страницы», только NOFOLLOW для GOOGLE, а NOINDEX для Яндекс.

Не перепутайте и пример настроек All In One SEO Pack

Не перепутайте, пишется похоже, оба на NO начинаются. Нет, NOINDEX и NOFOLLOW абсолютно разные вещи, и вообще довольно опасные для начинающего в SEO. Настраивать надо осторожно, я в настройке SEO плагина оставил NOINDEX для медиафайлов (они все равно не уникальные у меня), контактных форм, архивов, в рубриках, страничке тегов и т.д. (чтобы избежать дублирования контента). Как-то вот так сделал:

0_194bc0_206fd980_orig Надо быть осторожнее с настройкой All In One SEO Pack. NOINDEX и  NOFOLLOW

Что касается использования атрибута NOFOLLOW.

Если вы сделаете в настройках SEO плагинов так, чтобы  NOFOLLOW  срабатывал на всех страничках, то атрибут  появится  в мета тегах <meta name=»robots» content=»nofollow»/>. Это означает что робот не пойдет по всем ссылкам на странице, в том числе внутренним.  Это уничтожает всю внутреннюю перелинковку сайта. Вот что говорит чувак  из GOOGLE (субтитры от shakin.ru).

Поэтому NOFOLLOW   лучше нигде не использовать. Тем более что как сейчас говорят, отсутствие на сайте внешних ссылок вообще, их закрытие означает для поисковиков переоптимизацию, попытку умышленно создать вес, что есть плохо. А «relnofollow noopener» WordPress ставит к внешним ссылкам  (на другие сайты) автоматически и без SEO плагинов.

Почему все красотки любят общаться с выключенными компьютерами?

0_194bc1_eaf395b7_orig Надо быть осторожнее с настройкой All In One SEO Pack. NOINDEX и  NOFOLLOW

poleznie-resursi-dlya-kopiraytera Надо быть осторожнее с настройкой All In One SEO Pack. NOINDEX и  NOFOLLOWkopirayting Надо быть осторожнее с настройкой All In One SEO Pack. NOINDEX и  NOFOLLOW

Текст политики конфиденциальности для сайта и изменение шаблона WordPress под 152 ФЗ

0_1945ff_f777202a_orig Текст политики конфиденциальности для сайта и изменение шаблона WordPress под 152 ФЗ
После изменения в законе о защите персональных данных, которые вступили вступили в силу с 1 июля, все владельцы интернет ресурсов оказались  под угрозой заплатить штраф  до 30 тысяч.

Но есть и хорошие новости: специально для вас добрые люди  подготовили текст политики конфиденциальности для сайта 2017 .

В нём всё подогнано  для сайтов и блогов фрилансеров и копирайтеров.

Посмотреть текст о неразглашении при регистрации на сайте можно по этой ссылке. Просто создайте такую же отдельную страничку (не пост!) с  названием «Политика неразглашения» и разместите там этот текст о защите персональных данных сайта. Разумеется, надо заменить   домен сайта, а также вписать туда свои  данные .  Ссылку на эту страничку на морду, пожалуйста.

Далее мы будем менять шаблон WordPress под 152 ФЗ.

Читать далее «Текст политики конфиденциальности для сайта и изменение шаблона WordPress под 152 ФЗ»

30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

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

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

1. Berkshire Soccer Academy

Berkshire-Soccer-Academy 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

2. Citrus 7

Citrus-7 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

3. Michael Wong

Michael-Wong 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

4. Tech Two

Tech-Two 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

5. Rec-Beat

Rec-Beat 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

6. Tarful

Tarful 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

7. Under the Psycamore

Under-the-Psycamore 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

8. Orilliea Design

Orilliea-Design 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

9. Medium Rare

Medium-Rare 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

10. Remedy

Remedy 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

11. Celebration Invitations

Celebration-Invitations 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

12. Juiceology

Juiceology 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

13. Flood

Flood 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

14. Collective Architecture

Collective-Architecture 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

15. Work by Simon

Work-by-Simon 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

16. Fubiz Awards

Fubiz-Awards 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

17. BluChic

BluChic 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

18. Zero Bundle

Zero-Bundle 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

19. Hostbox

Hostbox 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

20. Michela Chiucini

Michela-Chiucini 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

21. Portent

Portent 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

22. Giba 7

Giba-7 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

23. Fuze

Fuze 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

24. Unseen Productions

Unseen-Productions 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

25. Joe’s Crab Shack

Joe---s-Crab-Shack 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

26. Clowdy

Clowdy 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

27. 365 Awesome Designers

365-Awesome-Designers 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

28. Stanley Diaz

Stanley-Diaz 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

29. Sizzler

Sizzler 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

30. In2 Headphones

In2-Headphones 30 самых необычных и красивых сайтов, сделанных на WordPress по версии WPlift.com

Лучшие антивирусы для WordPress 2017 года

0_1943b9_36ee5710_orig Лучшие антивирусы для WordPress 2017 года

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

Но прогресс не стоит на месте. Сегодня установка плагина, который будет обнаруживать зловредный код на сайте является просто обязательной процедурой. Связано это с огромной популярностью нашего любимого движка для сайтов. Недавно читал на одном из форумов, как один из русских разработчиков, работающий на иностранном рынке, рассказывал, что на Западе, по крайней мере, в Европе, на WordPress делают 80% сайтов. Это у нас разработчики убеждают заказчиков, там же клиент ставит условия, а они такие — «WordPress все знают, все к нему привыкли и умеют с ним работать, он надежный и не сыпется». В результате эта система стала самой популярной и, увы, самой атакуемой.

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

Но установка плагинов тоже не повредит. Итак, самые актуальные на 2017 год плагины для обеспечения безопасности WordPress. Большинство этих плагинов требуют версии 4.0+

Читать далее «Лучшие антивирусы для WordPress 2017 года»

Почему ссылки для сайта надо настраивать в первую очередь?


0_194384_d54c35b9_orig Почему ссылки для сайта надо настраивать в первую очередь?

По поводу самого первого поста на этом сайте, встал вопрос, почему отображения URL страничек сайта надо настраивать в первую очередь и не менять потом ни в коем случае.

Я сказал, что это продиктовано соображениям СЕО, но поленился объяснять почему. Мне кажется, что это элементарно и понятно. Нужно осознавать, как работает динамический сайт и как его видят поисковики.  Грубо говоря для поисковика любая страничка это  текстовый файл  с расширением .html или без расширения, которая лежит на диске в папке сервера «паблик_хтмл».  Их адрес — URL, динамический сайт генерирует странички и выдает, в том числе паукам ПС. URL странички и контент хранится в базе данных.

Как только вы меняете URL — появляется новая страничка

Как иногда бывает. Блогер, который работает с WordPress, создает сайт, постит записи пару месяцев, потом узнает про ЧПУ (человеку понятные урлы), узнает про плагин, который превращает кириллицу в латиницу и начинает менять URL. То есть с точки зрения поисковиков, с сайта исчезли все ранее им проиндексированные странички (а индексирует они их моментально) и появились новые. Более того, у WordPress есть такая фишка — он позволяет менять постоянный URL любой страницы вручную. Этим вообще не надо пользоваться.

301-й редирект не гарантия
Конечно,  есть 301-й редирект. Эта директива mod_rewrite, которая показывает поисковому роботу, что уже проиндексированная страничка изменила адрес и находится не тут  example.com/catalog.php?cat_id=2&prod_id=3&ref_id=4,  а
тут  example.com/krasivyi-url.html.

Именно с ее помощью  Wordpress  изменяет  ссылки. Вносит изменения в файл .htaccess

Я просто копирайтер, пишу статьи на заказ, делаю контент для сайтов, лендинги для небольших компаний недорого.

Но даже я понимаю, что несколько самонадеянно будет считать,  что программный робот, увидев, что по прихоти вебмастера все 100500 страничек исчезли и появились новые, как собачка «метнулся-сделал», начнет лихорадочно менять записи на своих серверах в дата-центрах в Калифорниb да еще переносить на них весь старый вес.

301-й редирект – это инструкция. Но Google и Yandex не брали на себя обязательства немедленно выполнять все инструкции, которые им дают миллионы сайтов в мире. Выполнит, но потом, когда-нибудь, если захочет.

Слово эксперту

На видео, которое я предлагаю посмотреть, специалист SEO говорит, что 301-й редирект учитывается  поисковиками через несколько месяцев  ( для Yandex, Google  по его словам, более либеральный) сайт может просто вылететь из индекса.

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

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

Потому настройку вида ссылок  делать надо с самого начала. Береженого Бог бережет

Почему копирайтерам нужно заполнять свое портфолио на сайте в виде скриншотов?


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

Как заполнить портфолио

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

Первый — самый безумный, если мы сделали свой сайт, персональную страничку. Воспользоваться услугами сторонних сервисов для создания портфолио копирайтера и разместить у себя на сайте ссылку. Это как сказать потенциальному работодателю: «Вот вам ссылка, посмотрите, как я работаю, и, кстати, там еще рядом 10 000 таких как я разместили свои работы, тоже посмотрите».

Читать далее «Почему копирайтерам нужно заполнять свое портфолио на сайте в виде скриншотов?»

Как добавить форму контактов и обратной связи для клиентов на WordPress?

Сделать это  совсем  несложно, если использовать плагин  Contact Form 7.

Идем в меню консоли в раздел плагины и кликаем на «Добавить новый». Далее в поле поиска вставляем Contact Form 7 и устанавливаем тот, у которого более миллиона загрузок.

 

0_1942b0_73ff511b_orig Как добавить форму контактов и обратной связи для  клиентов на  Wordpress?
Активируйте плагин. В боковом меню консоли у вас появится менюшка «Contact Form 7» и идите в настройки плагина.
Они совсем несложные.
Нажмите на «Изменить» под названием «Контактная форма 1»
Во вкладке «Письмо» указываете email, на который будут приходить письма с формы.

0_1942b1_650b229b_orig Как добавить форму контактов и обратной связи для  клиентов на  Wordpress?

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

После сохранения обновите страничку и вернитесь в настройки письма.
Там надо вставить в тело письма новый тег, чтобы введенные клиентом данные были отправлены скриптом, как-то так:
0_1942b3_fbe0d2dd_orig Как добавить форму контактов и обратной связи для  клиентов на  Wordpress?

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

Вставить  созданную форму можно в любую запись. Шорткод формы можно посмотреть в консоли

0_1942b4_f7f3330_orig Как добавить форму контактов и обратной связи для  клиентов на  Wordpress?

 

Но лучше создать отдельную страницу с названием «Контакты» и указать там все способы, с помощью которых  клиент сможет  с вами связаться, а в конце вставить этот  шорткод.

У меня получилось так:

0_1942b5_b0ae186d_orig Как добавить форму контактов и обратной связи для  клиентов на  Wordpress?

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

Самая первая настройка WordPress и самый первый плагин


Первой настройкой WordPress, которую я всегда делал, была, конечно, настройка ЧПУ, «человеку понятных урлов (ссылок)». Это делается до установки плагинов и даже до удаления поста «Привет, мир!». Диктуется настройка соображениями СЕО, ну, и чтобы людям было понятно и приятно читать надпись в адресной строчке браузера.
0_1941c9_ee8d3693_orig Самая первая настройка WordPress и самый первый плагин

Настройка произвольных ссылок

Для этой цели в консоли WordPress есть специальный раздел в настройках — называется он «Настройка произвольных ссылок». Идете туда, ставите галочку на «Произвольные» и пишете конструкции такого типа «/%category%/%year%-%monthnum%-%day%/%postname%.html». Я лично ставлю таким образом, вы можете сделать так, как вам нравится. Между переменными, ограниченными символом процента, можно поставить любое слово.

Лучший плагин для кириллицы

Второй настройкой является установка плагина, который преобразует кириллические символы в ссылке в латинские. Зачем это делать, ведь сегодня браузеры и прекрасно распознают кириллицу? На самом деле, не особо они и распознают. Браузеры просто подставляют в ссылке кириллические знаки вместо латинских. Вы можете убедиться в этом, скопировав из адресной строки браузера любой «урл» в «национальном домене. РФ» и вставив в текстовый файл. Там будет латиница, а «национальный домен» превратится в.XN—P1AI.

Кроме того, как для копирайтера, который пишет тексты, статьи и контент для сайтов на заказ, мне просто «режет глаз» смешение латинских букв и кириллицы в одной строке без пробелов. Не очень хорошо выглядит (это только мое мнение) http://03text.ru/category/ wordpress /2017/07/15/самая-первая-настройка-WordPress-и-самый-первый-плагин.html.

Для устранения кириллицы в ссылках используются специальные плагины. Идем в раздел «Плагины» в консоли, нажимаем «Добавить новый», в поиске вводим «cyr to lat» латинскими буквами. Плагинов таких множество, я рекомендую Cyr-To-Lat от Sergey Biryukov. Там написано, что давно не обновлялся и «не тестировался» на совместимость — но на данный момент все прекрасно работает.
0_1941cb_2cd7d545_orig Самая первая настройка WordPress и самый первый плагин

Особенности плагина

Плагин от Cyr-To-Lat от Sergey Biryukov хорош тем, что преобразует уже имеющиеся названия ссылок. Точнее — будет осуществлено правильное перенаправление, через 301 редирект. То есть по SEO блог не должен пострадать. Хотя я не уверен до конца, что это заслуга плагина, WordPress по умолчанию делает 301 редирект, когда ярлык записи изменился. Также плагин изменяет названия файлов — «скриншот.jpg» будет медиафайлом «скриншот» и ярлыком scrinshot. jpg.
Хочу предупредить и снова напомнить, что устанавливать транслитерацию надо в первую очередь. Если вы хотите преобразовать в латиницу ссылки на блоге, где уже много записей, делайте это на свой страх и риск — ссылки могут побиться. Сделайте бэкап БД, как минимум.

А еще напомню, что  у меня  можно всегда заказать контент  для сайта, копирайтинг, статьи, лендинг. Заполните форму на страничке  «Контакты» и я получу сообщение на имейл. Или напишите сообщение  в всплывающем окошке jivosite справа внизу.