Все о компьютере
и интернете для начинающих

+7 (963) 074-53-96
info@alexfine.ru

Данная тема важна как для веб-дизайнеров, так и оптимизаторов. Даже можно сравнить или провести параллель, между типом верстки и внутренней оптимизации. Чем лучше и качественней будет осуществлена верстка сайта (шаблон), соответственно сайт будет считаться более оптимизированным. Значит, он может рассчитывать на более высокие места в поисковой выдаче. Но и не стоит забывать об контенте. Для успешного продвижения, он должен быть уникальный. 

Шаблоном сайта является набор элементов повторяющихся из страницы в страницу. Практически любой сайт, если это не одностаничник содержит шаблон и контент.  

 

 

Виды верстки

 

Исторически так сложилось, что виды верстки делят на три типа:

  • Фреймовая
  • Табличная
  • Контейнерная

 

Фреймовая верстка

 

На данный момент уже не встречается и не используется практически нигде. Заострять ваше внимание на фреймовой верстки не будем, однако стоит добавить, что содержимое плавающего фрейма не индексируется поисковыми системами. Поэтому в него хорошо вставлять контент, который вы не хотите продвигать.  Во фрейм можно вставить видео с youtube или виджет социальных сетей.

 

Пример:

<iframe> </iframe>

 

Табличная

 

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

Табличная верстка использовалась примерно лет 10 назад и с приходом контейнерной (div) верстки ушла в прошлое.

Сейчас содержимое вложенных таблиц очень плохо индексируются поисковыми машинами и такие сайты очень тяжело продвигать. Использовать такой метод верстки не следует. Применять только по необходимости (по назначению).

 

Пример:

<table>

  <tr>

    <td></td>

  </tr>

</table>

 

Контейнерная

 

Современный тип верстки, который пришел после табличной. Контейнерный тип начинал с версии HTML 4 и на данный момент имеет HTML 5 версию.

Сейчас, в основном, все современные сайты имеют версию HTML 5.  Сайт созданный с использованный контейнерной верстки, может быть как жесткий (в пикселях) так и резиновый (в процентах). В отличие от табличной верстки, там только жесткая верстка.

 

Пример:

<div> </div>

 

В версии HTML 5 добавлено множество новых тегов. Пример некоторых из них:

<header>Шапка</header>

<nav>Основное меню</nav >

<footer>Подвал</footer >

 

Так же стоит не забыть добавить в плюсы контейнерной верстки:

  • Кроссбраузерная – сайт будет выглядеть одинаково во всех браузерах, за исключением очень древних.
  • Адаптивная – сайт автоматически подстраивается под разрешение экрана.
  • Мобильная – сайт для очень маленьких разрешений.

 

В основном все современные сайты имеют резиновую (процентную) верстку и адаптивную на всех устройствах.

 

 

Использование стилей и скриптов

 

Стили

 

Считается, что при форматировании контента, лучше использовать классы и с помощью CSS задавать форматирование. Так как когда мы используем встроенные редакторы, код сайта очень сильно увеличивается и его уже тяжело назвать хорошо оптимизированным.

Пример:

<table width="100%" height="400" border="1" > - оформление атрибутами тегов.

<div style="align-content: center; width: 80%; height: 400px; margin: 5px;"> - оформление стилями

<div class="content"> - оформление классами.

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

 

Внутренняя оптимизация сайта

 

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

Технический аспект внутренней оптимизации, поможет подняться по поисковой системе.

Все системные папки CMS (система управления сайтом) нужно скрывать от индексации поисковых систем, так как в них нет никакой информации и пользователю там попросту искать нечего.

При написании статей или любого другого материала для сайта, в визуальном редакторе включать правка html кода. Поисковые системы «любят»,  что бы текст был чистым и оптимизированным.

 

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

Защитный код
Обновить

Я рекомендую


Челябинская область

Мебель на заказ от производителя

В этот блок попасть не так просто. Я проверяю социальные сети, сайт и отзывы о компании.

Если у вас имеются вопросы по поводу работы сайта, сотрудничества и предложений, Вы можете написать на почту info@alexfine.ru

Я создал первую версию блога и введу его с 2015 года.

Копирование материалов сайта возможно только с указанием активной ссылки "www.alexfine.ru" в качестве источника.

Изображение кнопки наверх

Вконтакте
Вконтакте
Вконтакте
Вконтакте
Вконтакте
+