Донецкий техникум промышленной автоматики

Як приховати посилання від індексації в WordPress і OpenCart

  1. Спосіб перший. Теги <Noindex> і <Nofollow>
  2. Недоліки використання nofollow і noindex
  3. Як закрити посилання від індексації залізно

у статті навіщо приховувати посилання від індексації, ми розглянули питання чому не варто ставити посилання з вашого сайту на сторонній ресурс. Також ми розглянули ситуації, коли посилання поставити необхідно, тому, щоб наш PR і ТИЦ через неї не витікав, ми будемо її приховувати від індексації.

Отже, догорогіе читачі блогу Napositive, я вам дам зброю в руки за допомогою которго ви зможете приховувати від пошукачів посилання з вашого блогу на інші ресурси. Існує небагато способів, як це зробити. Я вам запропоную всього два перевірених способи. Перший - як кажуть приховувати посилання пошуковики. Розглянемо ніж цей спосіб добре, а чим поганий. Другий спосіб - як потрібно приховувати посилання. Адже і їжаку зрозуміло, що пошукові системи в першу чергу дбають про користувачів які шукають інформацію, а не про вебмайстрів, тому часом, вони забивають на теги "Не шукати».

Спосіб перший. Теги <Noindex> і <Nofollow>

Щоб дати вебмайстрам спосіб показати що ту чи іншу посилання не треба індексувати, існує два тега якими веб-майстер вказує, що ці посилання не повинні враховуватися. Тегом Noindex можна закрити посилання від Яндекса, а nofollow від гугл і інших пошукових машин. Давайте на прикладі розглянемо як працюють ці посилання.

Тег Noindex.

Для прикладу беремо ось цю посилання . Вона веде на головну сторінку. Щоб закрити її від Яндекса, нам треба переключитися в режим HTML. Для цього перейдіть у вкладку «текст», як показано на зображенні нижче.
Для прикладу беремо ось цю   посилання
Після чого знайдіть ділянку коду, який відповідає за посилання. Для цього, найпростіше скористатися пошуком вбудованим в браузер. Шукати найкраще по анкор. Для тих хто не знає, що таке анкор, рекомендую прочитати статтю навіщо приховувати посилання від індексації

За посилання + анкор + заголовок відповідає код починаючи від відкривається тега

закінчуючи закривається тегом

За посилання яка в прикладі відповідає код

<a title="napositive сайт для вебмастера" href=" http://napositive.com.ua/" target="_blank"> посилання </a>

<a title="napositive сайт для вебмастера" href=" http://napositive.com.ua/" target="_blank"> посилання </a>

Щоб дати зрозуміти Яндексу що по ній не треба переходити і не взагалі не враховувати нам треба укласти весь код сторінки в тег <Noindex>. тобто URL який не повинен потрапляти в індекс Яндекса виглядає так:

<Noindex> <a title="napositive сайт для вебмастера" href=" http://napositive.com.ua/" target="_blank"> посилання </a> </ noindex>

<Noindex> <a title="napositive сайт для вебмастера" href=" http://napositive.com.ua/" target="_blank"> посилання </a> </ noindex>

Якщо простою мовою і не вдаватися в поробності нам треба поставити <noindex> перед символом <a і </noindex> після символу </a>

Тег nofollow.

Щоб закрити від індексації посилання для Google і інших пошукових машин, ми можемо скористатися тегом nofollow. Для цього, як і в випадку з тегом <Noindex> нам треба переключитися на режим відображення HTML.

Для цього, як і в випадку з тегом <Noindex> нам треба переключитися на режим відображення HTML

Знайти своє посилання по анкор, використовуючи вбудований пошук в браузер. Далі перед самим анкором скопіювати код:

тобто посилання яку ми мучимо заради прикладу буде виглядати так:

<a title="napositive сайт для вебмастера" href=" http://napositive.com.ua/" target="_blank" <strong> rel = "nofollow" </ strong >> посилання </a>

<a title="napositive сайт для вебмастера" href=" http://napositive.com.ua/" target="_blank" <strong> rel = "nofollow" </ strong >> посилання </a>

Одночасно використовуємо nofollow і Noindex

Оскільки читачі цього блогу швидше за все ведуть ресурси як для користувачів Яндекса так і для google, то нам треба закрити посилання від всіх пошукових систем. Для цього будемо використовувати одночасно два тега. Щоб довго не пояснювати, просто наведу приклад такого посилання:

<Strong> <noindex> </ strong> <a title="napositive сайт для вебмастера" href=" http://napositive.com.ua/" target="_blank" <strong> rel = "nofollow" </ strong >> посилання </a> <strong> </ noindex> </ strong>

<Strong> <noindex> </ strong> <a title="napositive сайт для вебмастера" href=" http://napositive.com.ua/" target="_blank" <strong> rel = "nofollow" </ strong >> посилання </a> <strong> </ noindex> </ strong>

Як бачите нічого складно в цьому немає. досить:

  1. Знайти посилання використовуючи пошук браузера
  2. поставити відкривається і закривається тег для яндекса на початку і кінці посилання
  3. Поставити тег для google перед анкором

Недоліки використання nofollow і noindex

Як я вже трохи розповів вище, пошукові машини, під яким би брендом вони не були, в першу чергу воюють за чистоту видачі. тобто вони всіма правдами і не правдами намагаються зрозуміти, чи дійсно даний матеріал корисний. Тому є дві позиції. Перша офіційна, друга немає.

За офіційною інформацією яндекс реагує на свій тег правильно. Не враховує посилання. А ось гугл не індексують вміст сторінки за посиланням (не переходить по ній) але PR по ній витікає. тобто якщо у вас 6 посилань, з них 5 всередині сайту, а одна на зовнішній сайт, то 1/6 ваги станиці перейде на зовнішній ресурс, що для нас, звичайно ж, неприпустимо.

За неофіційною інформацією - пошукачі не враховують теги, оскільки якщо посилання є, значить вона є. Адже як я вже говорив не один раз, в першу чергу ботам важлива чистота пошукової видачі. А то що вебмастер постарався щоб URL не враховувався це його проблеми, адже посилання тобто.

Як закрити посилання від індексації залізно

Але як всегд, а є спосіб як залізно закрити такі посилання. Це спосіб використовує Java скрипти, але на запевняю, що це дуже легкий спосіб. Отже:

Для початку нам треба зробити так щоб наш движок завантажував JavaScript. Точніше не сам JavaScript, а одну з його бібліотек. Для цього:

  • C допомогою FTP клієнта перейдіть по маршруту:

/ Wp-content / themes / названіе_теми /

/ Wp-content / themes / названіе_теми /

  • Знайдіть там файл header.php зробіть його резервну копію, і перенесіть до себе на жорсткий диск.
  • Відкрийте файл header.php і перед закривається кодом

(Найкраще цю ділянку коду знайти пошуком вбудованим в браузер) вставте код:

<Script type = "text / javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/ 1 / jquery.min.js"> </ script>

<Script type = "text / javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"> </ script>

Цей код забере у google найостаннішу версію необхідної нам бібліотеки і довантажити до нас на сайт.

Необхідну бібліотеку ми довантажити. Тепер нам треба зробити власне скрипт який буде обробляти запити. Для цього:

  • Все по тому ж маршруту шукаємо файл Footer.php. і копіюємо його до себе на комп'ютер.
  • Шукаємо в самому кінці код:
  • і перед ним вставляємо такі рядки

<Script> $ ( '.external-reference') .replaceWith (function () {return '<a onclick = "return! Window.open (this.href)" href = "' + $ (this) .data ( ' link ') +' "title =" '+ $ (this) .text () +' "> '+ $ (this) .html () +' </a> ';}) </ script>

<Script> $ ( '. External-reference'). ReplaceWith (function () {return '<a onclick = "return! Window.open (this.href)" href = "' + $ (this) .data ( ' link ') +' "title =" '+ $ (this) .text () +' "> '+ $ (this) .html () +' </a> ';}) </ script>

  • Зберігаємо файл і завантажуємо назад на сайт.

Усе. Всі необхідні компоненти ми довантажити. Залишилося тільки навчитися приховувати посилання. Для цього ми будемо знущатися все над тією ж посиланням яка веде на головну країну.

  • Перемикаємося на HTML редагування.

Перемикаємося на HTML редагування

  • Знаходимо код посилання по анкор. Поки ми робимо все як і в офіційних методах.

<a title="napositive сайт для вебмастера" href=" http://napositive.com.ua/" target="_blank"> посилання </a>

<a title="napositive сайт для вебмастера" href=" http://napositive.com.ua/" target="_blank"> посилання </a>

Нам з цього посилання треба два параметра. Перший це URL - копіюємо його. Другий це анкор. Теж його копіюємо. Все інше видаляємо. Виходить два скопійованих об'єкта:

http://napositive.com.ua/

http://napositive.com.ua/

Ці об'єкти нам треба засунути в код у відповідні місця

<Span class = "external-reference" data-link = "<span style =" text-decoration: underline; "> URL на зовнішній сайт (перший скопійований об'єкт) </ span>"> <span style = "text-decoration : underline; "> анкор посилання </ span> </ span>

<Span class = "external-reference" data-link = "<span style =" text-decoration: underline; "> URL на зовнішній сайт (перший скопійований об'єкт) </ span>"> <span style = "text-decoration : underline; "> анкор посилання </ span> </ span>

Разом вийшло

<Span class = "external-reference" data-link = "http://napositive.com.ua/"> посилання </ span>

<Span class = "external-reference" data-link = "http://napositive.com.ua/"> посилання </ span>

Обов'язково URL посилання вказувати через http: //

Після того як ви зробили перше посилання, важливо зберегти статтю і подивитися як вона виглядає. У вас повинно бути два різних види посилання. Перший в адмінці другий для користувачів сайту. В адмінці посилання буде виглядати як звичайний текст. Це нормально. Для прикладу ви можете подивитися як виглядала таке посилання у мене в адмінці в статті правильний Robots.txt для WordPress і OpenCart :

Так, в адмінці нормально коли посилання відображається як текст, але не нормально коли таке відбувається для користувача Так, в адмінці нормально коли посилання відображається як текст, але не нормально коли таке відбувається для користувача. тобто якщо після збереження та публікації статті, як користувач, а не адміністратор, ви бачите просто текст, а не блакитні посилання як повинні то нам прийде правити css файл вашої теми. Для цього:

  1. Зайдіть за допомогою FTP клієнта на ваш сайт і перейдіть по маршруту ваш_сайт / wp-content / themes /
  2. Знайдіть там файл style.css
  3. У самий кінець скопіюйте в нього код:

span.external-reference {color: # 5151FF; / * Вибираємо колір посилання * / text-decoration: underline; / * Встановлюємо підкреслення * / cursor: pointer; / * Створюємо курсор при наведенні * /}

span.external-reference {color: # 5151FF; / * Вибираємо колір посилання * / text-decoration: underline; / * Встановлюємо підкреслення * / cursor: pointer; / * Створюємо курсор при наведенні * /}

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

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