Тематичні сайти, які мають сторінки статей з версією для друку, стикаються з проблемою виникнення дублів, що погано в плані пошукової оптимізації. Крім виникнення дублів контенту, окрема сторінка "для друку" затратачівает ресурси індексуючему боту, а також серверні ресурси самого сайту, особливо при наявності на ньому тисяч сторінок.
1. Створюємо посилання "Версія для друку"
Посиланні необхідно прописати клас або атрибут ID, це знадобиться надалі для прикріплення до неї обробника кліка.
2. Позначаємо область друку
Користувачеві зовсім не цікаво друкувати сторінку з усіма елементами дизайну, навігацією, банерами і додатковими блоками. Тому, необхідно позначити в HTML-код, який з елементів містить необхідний для друку контент. На даному блозі використовується DIV -Елемент з id = "article".
Дана розмітка допоможе нам далі в обробнику кліка виділити і надрукувати тільки потрібний контент.
3. Створюємо функцію друку
Тепер необхідно створити функцію. Для спрощення процесу рекомендується використовувати фреймворк jQuery (нижче представлений варіант з використанням саме jQuery), проте, можна адаптувати скрипт і для інших бібліотек.
$ (Document) .ready (function () <
$ ( 'A.print') .click (function () <
var disp_setting = "toolbar = yes, location = no, directories = yes, menubar = yes,";
disp_setting # 43; = "scrollbars = yes, width = 650, height = 600, left = 100, top = 25";
Розглянемо докладно важливі елементи скрипта і можливі настройки.
Цей рядок означає, що внутрішній скрипт буде инициализирован після завантаження сторінки в браузер. Ті, хто працює з jQuery постійно використовують дану конструкцію.
У цьому рядку ми знаходимо нашу посилання і визначаємо для неї функцію друку. Якщо замість посилання використовуються інші елементи коду, то необхідно відповідно налаштувати цей рядок.
// hide excessive
docprint.document.write ( ". post-views, .post-date, .banner-top, .retweet-parent, .sibscribe-form, .related, .print-link");
Ці рядки також необов'язкові, вони розшифровують посилання в тексті, щоб тим, хто читає статтю з листа, було зрозуміло, куди ведуть посилання (і що це взагалі посилання, а не підкреслений текст).
У цьому рядку береться зазначений нами елемент (в даному випадку з атрибутом id = "article") і весь його вміст поміщається в новий документ для майбутньої друку.
Такий простий механізм дозволить "вбити відразу кількох зайців", дозволяючи зручно друкувати статті читачам. При цьому, не треба піклуватися про дублях контенту або проблемах краулінга. Рекомендую використовувати подібну техніку!
До речі, ви можете перевірити, як працює описаний вище прийом, прямо зараз, клікнувши на відповідне посилання в кінці статті 🙂
SEO-аналітик, консультант. Завжди в курсі нових тенденцій на ринку SEO.
Чесно сказати, здивувалася. Всю свою інтернет-життя роблю версію для друку за допомогою css - на всіх моїх сайтах (хедер, футер, сайдбарі і інші надмірності в display: none). Я на цій справі в перші ж дні роботи підловив майбутнього шефа - він не хотів вірити, що це можливо. Проспорив мені пиво. Я погодилася взяти тортиком. 🙂
А ось недавно попався дурковатий замовник: вимагав версію для друку з усіма меню і формами. 🙁 Посилався на приклад якогось закордонного сайту. Ну чим люди думають?
Я ось тільки не зрозумію, до чого тут висновок документів на друк і SEO. Як такий висновок може оптимізувати документ і підвищити його позиції у видачі? Може бути, я щось не розумію?
@Zotoff: якщо версія для друку робиться окремою сторінкою, виходить дубль. А пошуковики дублі не люблять. Плюс зайві гроші, що витікають посилання на цей дубль. Якщо ж робити версію для друку з поточної сторінки, дубля не виникає.
Добрий день, мені здалося, що код можна злегка осучаснити, хоча може це і не так важливо 🙂
1. використовувати метод on, тоді ось цей шматок "$ ( 'a.print'). Click (function ()
$ ( 'A.print'). On ( 'click'. Function ()
2. Мені здається, що ще необхідно прибрати у тега посилання a дію за замовчуванням (використовувати preventDefault ()), так як виходить, що створюється і віконце і в сусідній вкладці відкривається друк, принаймні в Chrome.