Як приховати посилання від індексації за допомогою jquery ajax, seo маяк
Як приховати посилання від індексації за допомогою jQuery AJAX
Не так давно я вже писав, що посилання, закриті атрибутом noffolow. прекрасно індексуються пошуковими системами.
З цього випливає, що зовнішньому посиланню дісталося п'ята частина загальної ваги сторінки.
Намагаючись зберегти статичну вагу сторінки, багато веб-майстри закривають зовнішні посилання атрибутом nofollow. І дійсно, в цьому випадку PR і ВІЦ (індекс Яндекса) не передаються. АЛЕ!
З цього випливає висновок, що п'ята частина загальної ваги сторінки, яка перейшла по зовнішньому посиланню, поміченої nofollow, просто зникла в порожнечу.
Але як же тоді бути? Для того, щоб на 100% приховати посилання від індексації пошуковими системами я використовую jQuery.
Як підключити до сайту бібліотеку jQuery
AJAX - це набір способів розробки веб-додатків. Техніка AJAX дозволяє відправляти динамічні запити серверу без видимої для користувача перезавантаження веб-сторінки.
Для початківців веб-майстрів напевно буде складно вникнути в суть визначень, та це й не обов'язково. Метою даної статті є навчити Вас приховувати посилання від індексації і повірте складного в цьому нічого немає, Вам лише треба прочитати цю статтю до кінця і слідувати інструкціям.
Почнемо з підключення бібліотеки jQuery до сайту. Є кілька способів підключення, але я зупинюся на самому простому. Скористаємося можливостями, які нам представляє гігант інтернет індустрії Google. Google зберігає на своїх серверах всі версії бібліотеки jQuery, але нам потрібна версія не нижче 1.7.
За допомогою FTP клієнта відкриваємо для редагування файл header.php, який знаходитися в папці з темою і до закриває тега вставляємо наступне:
Ми тільки-що підключили бібліотеку jQuery самої останньої версії.
Як приховати посилання від індексації за допомогою AJAX
Варто сказати, що способів приховування посилань від індексації за допомогою запитів AJAX існує багато, зі створенням окремих файлів і без них, але я завжди публікую тільки перевірені на собі варіанти.
Код, в який слід обернути посилання, виглядає так:
Також в коді заданий клас для тега :
Обов'язково підпишіться на оновлення блогу!
Відкриваємо для редагування файл style.css, який також розташований в папці з темою і в самому кінці прописуємо наступне:
Обов'язково підпишіться на оновлення блогу!
Пошукові системи будуть індексувати анкор посилання як простий текст і тому якщо Ви використовуєте в якості анкора голий URL, то є сенс закрити текст посилання тегом noindex для Яндекса:
Отже, як бачите складного нічого немає, але залишилося вставити скрипт, який буде займатися обробкою запиту.
Для цього в файлі footer.php перед закриває тегом
вставляємо наступне:
Якщо Ви не хочете, щоб посилання відкривалися в новому вікні, то треба прибрати в скрипті наступну ділянку коду:
Як приховати від індексації посилання у вигляді картинки
Веб-майстри дуже часто використовують зображення у вигляді посилання. Як же в цьому випадки правильно приховати посилання від індексації за допомогою jQuery і AJAX?
Здійснюється приховування за тим же способом, який був наведений вище, тільки замість анкора треба вставити зображення:
Для обробки використовується той же скрипт, що і для звичайних посилань.
Є ще один спосіб приховати посилання в jQuery AJAX, який я описав у статті «Наскрізні посилання».
З повагою, Віталій Кирилов
Привіт Віталій Кирилов. Проводячи черговий експеримент за вашою методикою .... Зокрема як приховати зображення наткнувся ось з чим: Якщо використовувати той же скрипт для картинок, вказавши для тега «img» титл він виводить його адекватно. Але є і друга сторона медалі. Відкривши навіть Ваше зображення «Дівчина з квіткою» через інспектор елементів, яке Ви сховали .... Можна звернути увагу на саму посилання в якій не правильна створюється той же титл. Для такого варіанту більше підходить:
Чи не виводить повний скрипт ... Обрізка. Загалом без використання (this) .text для зображень, а тільки (this) .html
Вітаю! На інших CMS роботу скрипта я не перевіряв, але думаю, що все повинно працювати.
Добрий день, Віталій. Підкажіть, як грамотно вирішити ось таке завдання - картинки завантажуються з Яндекс.Фотках, що б місце менше позичати. Але має складатися враження, що вони лежать в кореневій папці, тобто я прописую тільки шлях до картинки: Тобто я досяг чого хотів, а саме що б картинка не була посиланням, а як ніби лежить в кореневій папці. Чи варто мені її закривати від індексації і як краще це зробити? Підкажіть будь ласка.
Віталій, підкажіть, будь ласка, як адаптувати наведені Вами дії до шаблону joomla. Зокрема, куди вставляти скрипт для обробки запиту (той що Ви вставляєте в footer.php)?
Влад, зазвичай скрипт вставляється в футер, але можете вставити його в область head.
Віталій, справа в тому, що, як я зрозумів, два основні включення додаткового коду - це 1) вставка в header.php підключення бібліотек (тут начебто зрозуміло) 2) вставка обробного скрипта в footer.php ( «Для цього в файлі footer.php перед закриває тегом вставляємо наступне: ...»). Справа в тому, що у мене в шаблоні в футере немає тегів. Тоді вставляти перед. або ж перед загальним закриває в самому кінці загального коду? Або, як Ви відповіли вище, в head?
І ще питання, як зрозуміти, чи заробили все це? Що вага нікуди не пропадає?
Віталій, здрастуйте! Можливо мій досвід по установці Ваших скриптів допоможе усунути проблеми, що виникають у деяких Новомосковсктелей Вашого блогу. Я діяла строго по Ваших інструкцій: вставила скрипти в фанкшін, футер і стайл. Результат: неробочі посилання в сайтбаре і в вихідному коді немає потрібних змін. Я відкрила сайтбар і побачила, що в моїй темі використовується тег wp_list_cat, а не wp_list_categories. Я замінила тег в сайтбаре на wp_list_categories. Після цього у вихідному коді відбулися потрібні зміни, але в сайтбаре посилання не работалі.Тогда я ще раз откопировать скрипт обробник з вашого сайту, вставила його в нотепад, а звідти в футер. І всі проблеми зникли. Спасибі Вам велике, буду чекати результатів.
Доброго дня, Тетяно! Функція wp_list_cat не входить у функціонал WordPress і написана розробниками Вашого шаблону. Такий часто зустрічається і Ви молодець, що у всьому розібралися!
Намагався закрити внутрішні наскрізні посилання на своєму сайті за допомогою jQuery AJAX. Основу я брав з блогу Алаіча alaev.info. Але у мене були проблеми з працездатністю посилань, скрипти не працювали. Використовував наступний код
У пошуку вирішення своєї проблеми потрапив на Ваш блог і знайшов конструкцію, що обрамляє код основного скрипта, додав в неї код скрипта від алаіча і все заробила. Ваш код також повністю працездатний. Дякуємо!
У мене питання: ця конструкція підключає jQuery?
У мене питання: ця конструкція підключає jQuery?
Це запускає виконання тіла функції після завантаження сторінки.
І виникає питання - а як же приховувати посилання правильно і ефективно?
Дивно. Таке активне обговорення, але на просте запитання, про який власне суть статті так і немає відповіді .... Пишуть про все, але тільки не у справі. Так як же правильно приховати посилання? Тим більше, що всі пси вже давно вміють переходити по яваскрипт-коду?
Михайло, ви погляньте на ссилкe через firebug і сподіваюся зрозумієте до чого тут AJAX.
І не просто дивився, а з величезним інтересом, і код зі статті перечитував і не побачив жодної ознаки AJAXа. Отже, що б не бути голослівним. habrahabr.ru/post/14246/ - тут трошки про технологію (Вікі не наводжу, там без красивих прикладів коду). Тут описано використання технології на голому JS. У ВАС У СТАТТІ НЕМАЄ НІЧОГО ТАКОГО! Далі api.jquery.com/jquery.ajax/ - Ви використовуєте бібліотеку JQUery, тут опис роботи з технологією за допомогою бібліотеки. ДЕ У ВАС В КОДІ ХОЧА Б $ .ajax? Дивимося приклади коду - - тут слово AJAX це частина шляху до бібліотеки JQuery.
сам скрипт - просто робимо заміни в рядку після того, як готовий DOM. На самому посиланні onclick = "return! Window.open (this.data-link)» - відкриття підготовлених посилань.
Цитую статтю «AJAX - це набір способів розробки веб-додатків. Техніка AJAX дозволяє відправляти динамічні запити серверу без видимої для користувача перезавантаження веб-сторінки. »
Михайло, то, що Ви не побачили ознаки AJAXа, це Ваші проблеми, але навіщо кричати таку дурість, як - «ДЕ У ВАС В КОДІ ХОЧА Б $ .ajax». На методі jQuery.ajax () технологія ajax не закінчується, хоча це і основний метод. Ви чули про методи jQuery (..). Load або jQuery.post? Це теж AJAX! Ось наприклад:
Ви теж скажете - «ДЕ У ВАС В КОДІ ХОЧА Б $ .ajax». Я вже давно працюю в інтернеті і побачив багато різних індивідуумів). Що стосується саме цієї моєї статті. Так, скрипт працює на подобі AJAXa, так як замість подгрузки контенту з сервера, в уже сформований DOM, в коді просто підміняються символи. А тепер про те, чому цей метод приховування посилань приписали до технології AJAX. Все просто, тому, що його так нарекли рядові веб-майстри, а як зазвичай буває, потім прив'язалася. Тому абсолютно негарно з Вашого боку звинувачувати кого-то в неграмотності або копіпаст. На майбутнє, будьте стриманішими!
Але найголовніше - так я ніде і не знайшов відповідь - як же закрити посилання - поки що зрозумів, що це даремне заняття. Пси відмінно Новомосковскют яваскрипт і переходять по них.
Ajax давно Новомосковскется Гуглом, Яндексом досі немає. Але для Гуга треба просто запрешаются індексувати файл зі скриптом оброблювачем в robots.txt і Гугл теж осліпне.
А ось це напевно найцінніша інформація за весь час за цією темою. Виходить, що гугель пробує прочитати JS, перенаправляється на php скрипт і тут отримує аутлуп і закінчує подальшу спробу переходу. І найголовніше все досить просто. Треба спробувати що вийде. Дякую за цінну інформацію!
Велике спасибі! Все спрацювало з першого разу) Метод дієвий)
Привіт Максим! На жаль нічого не чув про такий спосіб.
