Сегодня 23.04.2024 г.
Ваш IP-адрес: 18.188.61.223

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

 

 

Введение

 

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

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

 

Виды верстки

 

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

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

 

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

 

На данный момент уже не встречается и не используется практически нигде. Заострять ваше внимание на фреймовой верстки не будем, однако стоит добавить, что содержимое плавающего фрейма не индексируется поисковыми системами. Поэтому в него хорошо вставлять контент, который вы не хотите продвигать. Во фрейм можно вставить видео с 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"> - оформление классами.

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

 

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

 

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

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

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

Процесс перелинковки можно разделить на два этапа:

 

Оптимизация навигации
и меню сайта

 

  1. Меню по сайту и вся прочая навигации должны индексироваться ПС.
  2. Кнопки на разделы меню должны иметь текстовый вид (с ключевым словом в теле) или в виде картинки, но прописными атрибутами alt к изображению.
  3. Все внутренние страницы сайта обязаны ссылаться на главную страницу, желательно так что бы ссылка была с анкором (ключевым словом) по вашей тематике.
  4. Не будет лишним создать карту сайта, указатель местонахождения по глубине сайта (на какой странице вы находитесь), модуль вывода популярных новостей или новостей схожей тематики.
  5. Поставьте сквозные ссылки на продвигаемые внутренние страницы с нужным анкором.
  6. Перелинкуйте между собой продвигаемые страницы, это придаст им больший вес.

 

Постановка ссылок в теле текста
на внутренних страницах вашего ресурса

 

  1. Размещайте ссылки с внутренних страниц на прочие страницы сайта похожие по значению, контексту или категории.
  2. Старайтесь ссылаться на одну и туже внутреннюю страницу уникальными анкорами, не похожими на предыдущий. Это увеличит трафик по низкочастотным запросам в поиске.
  3. Размещайте ссылки в меру, не более 2 - 3 в зависимости от размера статьи.
  4. Воспользуйтесь модулем для вывода последних новостей, это ускорит более быструю индексацию нового материала и перелинковки.

 

Заключение

 

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

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

 

Всем удачи!

 

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


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

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

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

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