У сьогоднішній статті розглянемо приклад приховування футера сайту від індексації пошуковими ботами. Навіщо це може знадобитися? Ситуацій може бути багато, зокрема:
- Приховування рекламних посилань;
- Приховування посилань на закриті розділи сайту;
- Небажаний контент для індексації;
- та інші.
У цьому прикладі ми будемо вносити зміни до стандартної теми WordPress “Twenty Twelve”. Якщо у вас її немає — встановіть. Перше, що потрібно зробити — створити дочірню тему (як це зробити, можна прочитати в цій статті).
Чому потрібно використовувати дочірню тему, а не вносити зміни в завантажену/базову тему? Через оновлення — якщо ви випадково або свідомо оновите тему, у яку вносили зміни, усі правки буде перезаписано. І вам доведеться знову вносити всі зміни вручну.
Отже, тему завантажили? Чудово. Тепер активуємо її в розділі “Зовнішній вигляд” – “Теми”. Переходимо на фронтенд і відкриваємо інспектор (у Google Chrome натисніть правою кнопкою миші на сторінці сайту та виберіть пункт “Переглянути код” або натисніть Ctrl + Shift + I). Потім натискаємо на іконку вибору елементів (перша іконка у верхньому лівому куті панелі, вкладка “Elements” тощо), після чого шукаємо на сторінці футер (він буде підсвічений кольором), і клікаємо по ньому (див. скріншот нижче):
Коли ми вибрали потрібний HTML блок на сторінці, в інспекторі праворуч підсвітиться відповідний тег (так ми можемо приблизно зрозуміти, де розташований футер). На скріншоті я виділив його червоною рамкою. Зверніть увагу на назви атрибутів і їхні значення — вони нам знадобляться, щоб знайти відповідний фрагмент коду в темі.
Скопіюйте ці атрибути (можна повністю, а можна лише частину, наприклад “<footer id="colophon" role="contentinfo">”), відкрийте провідник або текстовий редактор з файлами теми. Вставте скопований фрагмент у пошук. Якщо пощастить — ви знайдете файл футера. У темі “Twenty Twelve” все досить просто: цей код розташований у файлі “wp-content/themes/twentytwelve/footer.php”. Але в деяких інших темах можуть виникнути труднощі, бо атрибути можуть формуватись динамічно (на основі БД тощо), і тоді доведеться вивчати структуру коду теми.
Після цього копіюємо файл футера до нашої дочірньої теми. У моєму випадку, файл буде розташований тут — wp-content/themes/twentytwelve-child/footer.php. Обгортаємо код футера в тег “<noindex>” і зберігаємо:
<noindex>
<footer id="colophon" role="contentinfo">
<div class="site-info">
<?php do_action( 'twentytwelve_credits' ); ?>
<?php
if ( function_exists( 'the_privacy_policy_link' ) ) {
the_privacy_policy_link( '', '<span role="separator" aria-hidden="true"></span>' );
}
?>
<a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentytwelve' ) ); ?>" class="imprint" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'twentytwelve' ); ?>">
<?php
/* translators: %s: WordPress */
printf( __( 'Proudly powered by %s', 'twentytwelve' ), 'WordPress' );
?>
</a>
</div><!-- .site-info -->
</footer><!-- #colophon -->
</noindex>Переходимо на фронтенд, оновлюємо сторінку, відкриваємо інспектор, знаходимо наш футер — і бачимо, що він тепер обгорнутий у тег “noindex”.
Тепер пошукові системи не зможуть індексувати інформацію, розміщену у футері нашого сайту.