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

php include page maket - Оптимизация статического шаблона под seo
Пример разделения 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 include version 2 - Оптимизация статического шаблона под seo
Добавляем мета теги в файл страницы

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


SEO и внешние ссылки: три способа скрыть ссылки на другие сайты
Внешняя ссылка для SEO является нежелательны элементом на любой странице сайта. Она передает часть веса вашего сайта на тот ресурс,...
PHP — простой ротатор баннеров, ротатор для DLE и WordPress
Аналог на javascriptАналог на PHP для больших кодов Очень простой ротатор кода на PHP. Сначала мы объявляем простой двумерный массив...
Как и где лучше всего изучать программирование на языке PHP
PHP — это серверный язык программирования со своими плюсами и минусами. Его давно хоронят, но он прочно закрепился в своей...
Где найти полезные материалы для изучения языков программирования?
В современном мире практически каждый человек может ощутить на себе серьезное влияние технологий. Технические средства начинают внедряться практически во все...
Laravel — стоит ли связываться с PHP фреймворком в 2020?
Laravel — масштабный PHP фреймворк, который отлично подойдет для повышения навыков разработки на данном языке и будет хорошей альтернативой не...

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