Как в WordPress скрыть все что в футере от индексации

В сегодняшней статье, рассмотрим пример закрытия футера сайта от индексации поисковыми ботами. Для чего это может быть нужно? ситуаций может быть множество, некоторые из них:

• Скрытие рекламных ссылок;
• Скрытие ссылок на закрытые разделы сайта;
• Нежелательный контент для индексации;
• пр.

В текущем примере, мы будет править стандартную тему Вордпресса “Twenty Twelve”. Если у вас ее нет, установите. И первое что нам предстоит сделать, это создать дочернюю тему (как это делается можно прочитать в этой статье).

Почему нужно использовать дочернюю тему а не вносить правки в скачанную/родную тему? Причина в обновлении, если вы намеренно или по ошибке обновите тему в которую внесли правки, все ваши изменения перетрутся обновленными данными. И вам придется повторно вносить все правки.

Итак, тему скачали? хорошо. Далее активируем ее в настройках “Внешний вид” - “Темы”. Переходим на фронт и открываем инспектор (в гугл-хроме кликните правой кнопкой мыши по странице сайта, и выберете пункт “Просмотреть код”, комбинация клавиш 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”.

Теперь, поисковые системы не смогут индексировать информацию расположенную в фетере нашего сайта.