Оптимизация статического шаблона под seo

Пример разделения HTML страницы на три отдельных файла
Пример разделения HTML страницы на три отдельных файла
<? include('header.php') ?>
<h1>Заголовок страницы</h1>
Контент страницы
<? include('footer.php') ?>

Выше представлена стандартная схема создания статических шаблонов с использованием php-функции include(). Думаю можно догадаться, что в файле header.php содержится весь код от <html>, вплоть до тега, открывающего блок основного контента сайта, а в footer.php — закрывающий тег блока основного контента и вся нижеследующая информация.

На примере скриншота выше, показано разделение шаблона сайта на три отдельных файла:

  • header.php — верхняя часть, содержащая открывающую часть HTML документа от <html> до тега основного контента страницы <article>;
  • index.php — главная страница сайта, не содержащая себе кода разметки основной сетки сайта. Содержит исключительно разметку статьи;
  • footer.php — нижняя часть в иерархии, закрывающая основной контент сайта </article>, а также весь закрывающий код HTML страницы </body> и </html>;

Соответственно, шапка сайта, меню навигации и левый сайдбар находятся в файле header.php (отмечено диагональными линиями), а правый сайдбар и вся нижеследующая информация — в foter.php
(отмечено диагональными линиями в противоположном направлении).

Особенности верстки на php include()

Такой тип верстки дает массу преимуществ. Для начала рассмотрим пример верстки трех отдельных файлов, которые вместе составляют единую HTML страницу.

Верстка header.php

<html>
<head>
<title>Page title</title>
<meta parametres ..../>
<body>
<header>logotype and other</header>
<nav>site menu</nav>
<aside> <!-- тут содержимое бокового сайдбара слева --></aside>
<article>
<!-- На этом месте header.php заканчивается, к нему будет пристыкована HTML страница, например, index.php и для нее уже будет открыт тег <article> -->

Верстка index.php

<? include('header.php') ?>

<h1>Заголовок страницы</h1>

<figure><img src="#" />

<p>Текст на странице</p>
<p>Текст на странице</p>
<p>Текст на странице</p>

<!-- еще какой-то контент. Больше в таких файлах ничего нет -->

<? include('footer.php') ?>

Верстка footer.php

<!-- На этом месте index.php заканчивается, к нему будет пристыкован файл footer.php в котором также будет открыт тег <article>, который необходимо закрыть -->
</article>
<aside> <!-- тут содержимое бокового сайдбара справа--></aside>
<footer><!-- тут содержимое подвала сайта -->
</body>
</html>

Преимущества конструкции include()

  • По сравнению с обычными HTML страницами, здесь используется один общий шаблон, сразу на всех страницах. Это значит, что изменив пункт меню сайта в шаблоне, изменения отобразятся сразу на всех страницах, будь то их 100 или 500;
  • Позволяет легко оперировать дизайном сайта, подключать различные сторонние скрипты без изменения сотен страниц вашего сайта;
  • Большой минус, которого нет в HTML страницах – отсутствие индивидуальных заголовков и мета тегов для каждой страницы . Ведь общий исходник не предусматривает отдельные куски кода, для каждой страницы.

Есть решение. Думал над ним не мало времени, когда активно использовал статических сайт. Думал и придумал – разделить верхушку сайта так, как показано ниже:

<? include ('headtop.php') ?>
<title>Заголовок страницы</title>
<meta name="description" content="слово1, слово2, слово3  "/>
<meta name="keywords" content="слово1, слово2, слово3 "/>
<? include ('header.php') ?>
<h1>Заголовок страницы</h1>
Контент страницы
<? include ('footer.php') ?>

Вот скриншот с блокнота одной из страниц моего тестового сайта!

Добавляем мета теги в файл страницы
Добавляем мета теги в файл страницы

Похожие записи

Как и где лучше всего изучать программирование на языке PHP
PHP — это серверный язык программирования со своими плюсами и минусами. Его давно хоронят, но он прочно закрепился в своей...
Где найти полезные материалы для изучения языков программирования?
В современном мире практически каждый человек может ощутить на себе серьезное влияние технологий. Технические средства начинают внедряться практически во все...
Laravel — стоит ли связываться с PHP фреймворком в 2020?
Laravel — масштабный PHP фреймворк, который отлично подойдет для повышения навыков разработки на данном языке и будет хорошей альтернативой не...
IDE — как найти идеальную для себя редактор кода
Каждый, кто работает с PHP кодом в определенный момент осознает, что привычные реакторы, для написания HTML / CSS / JS...
Автоматизация мелких продаж, CMS или самописная платформа?
В свое время баловался переделкой движков и плагинов финансовых проектов (CAP, MLM) и была проблема с автоматизацией продаж. Точнее, с...

Добавить комментарий