Практические советы по редактированию шаблонов сайтов


Редактируем шаблон сайта

Редактируем шаблоны скачанные в Интернете.

Структура секций, контейнеров и блоков. Изменяем шапку, тело и подвал страницы. Размещение картинок и формирование текста. Создание дополнительных страниц. Наполнение шаблона содержимым.

Любой макет шаблона сайта состоит из отдельных секций, контейнеров и блоков, которые можно легко добавлять, удалять, менять местами, переносить со страницы на страницу. Все они находятся внутри тегов <body>...</body>.

Верхний раздел <head>...</head> хотя является очень важным для любого проекта, но больше несёт смысловую нагрузку, не отображается и не влияет на структуру сайта. Достаточно внести изменения в содержимое тегов title, description и keywords (название, описание и ключевые слова), в соответствии с темой вашего проекта. Кратко об оптимизации этого раздела в конце статьи.

Редактируем шапку сайта.

К понятию шапка отнесем меню, заголовок и слайдер.
- При переименовании разделов сайта будьте кратки в выборе названий категорий. Длинные слова могут исказить дизайн при просмотре мобильных версий. Придётся вносить дополнительные коррективы в код. Если изменили название .html страницы - замените его и в меню.
- Заголовок выделен тегами H1. Его содержанию придайте особое значение, это важно для поисковых систем. Обращайте внимание на длину текста - это может повлиять на дизайн.
- Для замены картинок слайдера достаточно заменить изображения в той папке, где они лежат. Их названия можно оставить прежними или заменить на свои - в этом случае переименуйте их в html коде. Подбирайте размеры картинок идентичные исходным. Скорость и стиль смены картинок в слайдере можно менять.

Редактируем тело страницы шаблона.

Разнообразие существующих в интернете шаблонов не даёт возможности предложить конкретные советы по их редактированию. Достаточно соблюдать основные рекомендации:
- Смело меняйте весь русский текст в коде страниц шаблона на свой оригинальный. Русский текст не относиться к HTML, PHP, CSS, JS кодам, поэтому структура страниц и сайта в целом не пострадает.
- Старайтесь, чтобы объём новой текстовой информации в каждом блоке примерно соответствовал исходному. Хотя это не критично, всё зависит от конкретного макета сайта;
- Размеры новых картинок должны совпадать с исходными;
- Следите за размером (пиксел) и объёмом (кб) размещаемых изображений. Крупные картинки тормозят загрузку страниц.
- Можно менять секции, контейнеры и блоки местами. К секциям можно отнести контейнер, который занимает наибольшее место по ширине. Блоком можно назвать то, что находиться внутри контейнера (секции). Соответственно меняя местами контейнеры в коде, вы поднимаете или опускаете его по оси Y. Меняя местами блок внутри контейнера - меняете его положение по ширине (ось X).

В принципе, вы сами вправе определять, что включает в себя понятие секция, контейнер, блок. Всё зависит от присвоения им статуса и стиля в .css файле.

Редактируем подвал (footer) сайта.

В подвале сайта как правило размещены: дополнительное меню, копирайты проекта (© «UseSite.ru», 2020), при желании - счетчик посещаемости сайта.
- С копирайтами все ясно - меняете на свои.
- Код счетчика установите после регистрации сайта в LiveInternet.ru или по вашему усмотрению.

Создаем дополнительные страницы сайта.

Для добавления лишней страницы в сформированную структура сайта, достаточно переименовать любую страницу шаблона и сохранить её в директории с остальными страницами (уровень файла index.html). При этом измените её дизайн путём перемещения, удаления, добавления контейнеров или блоков с других похожих страниц.

Метатеги страниц. Оптимизация сайта под поисковые системы.

Это пожалуй самый важный этап в создании сайта. Каждая страница должна иметь свои значения метатегов: title, description и keywords.

Метатеги расположены в самом начале кода страницы и очень важны для поисковых систем (Яндекс, Google), через которые к Вам будут приходить основные посетители на сайт. Замените в них только русский текст на свой, соответствующий тематике вашего сайта.

title - названием страницы, отображается в самом верху браузера, выше адресного окна. Является самым основным компонентом для поисковых роботов.
Выводится в результате поиска основной синей строкой.

description - краткое описание содержимого страницы. Выводится поисковиками черным шрифтом под синей строкой. Поисковик вправе сам выбрать описание из контента страницы (новшество Яндекса).

keywords - ключевые слова. Пишутся через запятую. Выбираются из текста данной статьи, как самые весомые. В последнее время они малозначимые для поисковой системы Яндекс.

Для хорошей индексации страниц сайта и вывода их в топ поисковых запросов, приходится соблюдать правила поисковых систем. Ведь они главные поставщики посетителей на сайт. Уделите внимание каждой странице в отдельности. Роботы индексируют все страницы Вашего проекта и выдают их в соответствии запросам пользователей и тематики вашего проекта.

Автор: Saah | Просмотров: 34 | 4-02-2020,Вт, 00:39  

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

@
Похожие публикации