ГлавнаяОптимизацияОптимизация кода сайта

Оптимизация кода сайта. Оптимизация кода сайта


Оптимизация кода сайта

Прежде чем начать продвижение сайта, необходимо заняться оптимизацией кода его страниц. Оптимизация кода – это меры, направленные на максимально возможное уменьшение кода страницы, а также на увеличение количества полезного текста по отношению к количеству кода на одной странице и на устранение различных ошибок html.Оптимизация кода включает в себя также добавление мета-тегов, заголовков h2-h6 и применение атрибутов title и alt для картинок. Кроме того, сюда входит грамотная перелинковка. Оптимизация кода особенно важна для крупных сайтов, где ожидается высокая посещаемость. Правильная оптимизация дает возможность значительно повысить скорость индексации новых записей, ускорить загрузку страниц, а также повлиять на положение сайта в результатах поисковой выдачи.

Оптимизация кода сайта

Ознакомимся со всеми элементами оптимизации кода страниц ресурса.

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

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

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

Пример, как не желательно делать:

<h4><a><em><span style=»color: #800000;»>Пример</span></em></a></h4>

Да, может быть красиво, но не желательно.

  1. Добавление мета-тегов. Мета-тег description часто попадает в сниппет – краткое описание страницы в результатах поисковой выдачи. В описании необходимо использовать только тот текст, который на самом деле соответствует содержимому страницы. Текста в description должно быть не больше 100 символов. В теге keywords нужно прописывать те ключевики, которые есть на странице. Хотя этот тег все равно практически не учитывается поисковыми роботами.
  1. Использование в заголовках тегов h2-h6. На странице должен располагаться один главный заголовок – h2, а остальные подзаголовки используются по мере необходимости.
  1. Для картинок необходимо использовать атрибуты title и alt. Поисковые роботы не могут определять, что изображено на картинке, они нуждаются в подсказках. Title отвечает за название изображения, а Alt – за ее описание. Текст в них не должен быть одинаковым.
  1. Перелинковка должна быть грамотной. Навигация ресурса должна быть удобной не только для пользователей, но и для поисковых систем. На сайте должны отсутствовать тупиковые страницы, где нет внутренних ссылок. Внутренняя перелинковка  на блоге должна быть плотной – это способствует равномерному распределению веса по всем страницам ресурса.
  1. Необходимо позаботиться и о валидации, то есть об исключении ошибок. Нужно исправить все ошибки, которые есть в коде ресурса. Если валидатор нашел у вас на сайте много ошибок, не волнуйтесь. Одна ошибка может повлечь за собой пятьдесят, и если исправить эту одну ошибку, то и остальные отпадут. Валидность кода тоже оказывает влияние на местонахождение страницы в выдаче поисковиков.

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

Поделитесь пожалуйста, если понравилось:Возможно вам будет интересно еще узнать:

opartnerke.ru

Оптимизация кода сайта для продвижения сайта – Самчук Иван

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

Оптимизацию кода можно разделить на два основных раздела: SEO-оптимизация кода и оптимизацию скорости загрузки сайта.

Внимание!!!Перед выполнением любых изменений на сайте, сделайте его полную резервную копию!!!

SEO-оптимизация кода страницы сайта:

SEO-оптимизация кода используется для понимания кода сайта поисковыми системами, распределения значимости фрагментов страницы, улучшения представления сайта в результатах поиска и вывод сайта в ТОП выдачи с приоритетом на наиболее эффективные ключевые фразы.

Оптимизация структуры страницы сайта

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

Оптимизация изображений на сайте:

Защита сайта от воровства контента

Блок, предотвращающий выделение текста на сайте:

<style>html{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}</style>

Скачать

Блок, предотвращающий вызов контекстного меню на странице сайта:

<script>//<![CDATA[document.ondragstart = function() { return false;}function nocontext(e) {return false;}document.oncontextmenu = nocontext;/* ]]> */</script>

Скачать

Увеличение скорости загрузки сайта:

Скорость загрузки сайта – это очень важный фактор ранжирования, и чем сайт загружается быстрее, тем он будет выше в выдаче поисковиков. Для проверки скорости загрузки сайта используйте сервис компании Google на странице //developers.google.com/speed/pagespeed/insights/

Оптимизация CSS:

Для сокращения времени загрузки страницы оптимизируйте таблицу стилей CSS:

Оптимизация JavaScript:

Оптимизацию кода JavaScript можно произвести и без знания JavaScript! Для этого удаляйте блоки между фигурных скобок разделов function и каждый раз после сохранения изменений наблюдайте за изменениями на сайте. Если изменений не произошло или изменения, которые произошли вас устраивают, переходите к следующему блоку. Если изменения вас не устраивают, восстановите фрагмент из предварительно созданной резервной копии сайта.

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

Для того чтобы JavaScript загружался асинхронно, необходимо добавить тег defer=»defer» или async=»async» в блок вызова скрипта <script async=»async» src=»example.js»></script>

Если вы делаете сайт на WordPress, используйте плагин Async JavaScript

Сжатие изображений на сайте:

Для сжатия групп изображений используются сервисы, например, kraken.io

Если в таком сервисе изображение не будет сжато, скорее всего проблема в несоответствии формата изображения и расширения файла. Для того чтобы изменить формат файла загрузите изображение в стандартную программу paint и выполните следующие шаги:

Кэширование страниц сайта:

Включите кэширование сайта, добавив блок в начало файла htaccess:

<IfModule mod_expires.c>ExpiresActive OnExpiresByType image/jpg «access 1 year»ExpiresByType image/jpeg «access 1 year»ExpiresByType image/gif «access 1 year»ExpiresByType image/png «access 1 year»ExpiresByType text/css «access 1 month»ExpiresByType text/html «access 1 month»ExpiresByType application/pdf «access 1 month»ExpiresByType text/x-javascript «access 1 month»ExpiresByType application/x-shockwave-flash «access 1 month»ExpiresByType image/x-icon «access 1 year»ExpiresDefault «access 1 month»</IfModule>

Скачать

Для включения кэширования и уменьшения времени ответа сервера у сайта на WordPress можно кэшировать страницы с помощью плагина W3 Total Cache. Данный плагин сложнее других в настройке, но самый эффективный из всех, что я пробовал.

Оптимизация WordPress:

Оптимизация базы данных WordPress

После выполнения всех работ, описанных выше, почистите базу данных, если используете WordPress с помощью плагина WP DB Booster. Данный плагин работает хорошо, но съедает в процессе работы много ресурсов, так что, после выполнения очистки, деактивируйте его.

Настройка плагина W3 Total Cache

Поставьте галочки на следующих пунктах настройки плагина:

Раздел General Settings

После проставления галочек сохраните настройки.

Раздел Page Cache

После проставления галочек сохраните настройки.

Раздел Object Cache

Раздел Browser Cache

После проставления галочек сохраните настройки.

Скачать

prodvijenie-saijtov.ru

Оптимизация кода: top 5 | Продвижение сайтов

Сегодня я хочу поделиться моим скромным опытом по поводу оптимизации кода сайта для поисковых систем. Об этом написано огромное количество книг, статей, заметок, проведено немало конференций и форумов. И это понятно, ведь приток посетителей с поисковых машин на сайт составляет 40% (а на некоторых моих проектах и вообще 65-70%) всего трафика, поэтому сайт просто необходимо правильно и грамотно оптимизировать. Основными инструментами оптимизации кода являются, по моему мнению и опыту, пять тегов и групп тегов:

* <title>* <h2>…<h6>* <alt>* <b> и <strong>* <meta…> теги

Именно про эти дискрепторы и будет мой рассказ. Я расположил их в порядке значимости, по убывающей. Про каждый вы получите советы по использованию и составленное отношение к этим тегам, в результате анализа пресс-релизов и заявлений представителей, ведущих поисковых систем (Google, Yandex, Rambler и Апорт). Стоит заметить, что все эти советы только для честных и правильных оптимизаторов, не использующих грязные механизмы накрутки посещений.

<title>

Я считаю, что если это не самый главный тег вообще, то уж точно самый главный для поисковиков, именно поэтому он и занял почётное первое место в моём хит-параде. Его содержание прописывается на синенькой полоске браузера (конечно, если у вас IE) и в разделе «Избранное» («Favorites»), если ваш сайт туда добавлен.

Советы по тегу: Всегда располагайте там всю самую важную информацию (заголовок статьи, наименование товара, назначение услуги), но самое главное, соответсвующую содержанию самой страницы. Это одна из самых первых строчек, которую видит поисковый робот, поэтому это очень важно.

Отношение ведущих поисковиков: Любой поисковый робот активно использует этот тег при ранжировании сайтов. А Rambler и Апорт вообще считают этот тег основным и в первую очередь обращаются к нему.

<h2>…<h6>

На втором месте моего рейтинга тегов расположились теги header. Это теги заголовков, они придают тексту, в зависимости от числового параметра тега, более большое и жирное начертание, помогают выделить его среди прочего текста. Очень полезные и действенные теги.

Советы по тегу: Старайтесь использовать эти теги на каждой странице. Эти дискрепторы, как и тег <title>, тоже подчёркивают основную тему страницы, только в более видимой, на мой взгляд, форме. Старайтесь создавать уникальные заголовки, не больше 110-120 символов.

Отношение ведущих поисковиков: Yandex очень любит этот тег и отдаёт ему предпочтение. Rambler, как и Апорт, обращают на него меньше внимания, чем на <title>. Google считает его одним из определяющих.

<alt>

Бронзу забирает тег <alt> — альтернативный тексте изображений. Это надпись, появляющаяся при наведении курсора мышки на графический объект страницы. Этот тег — единственный способ описать картинку для поискового механизма.

Советы по тегу: Старайтесь описать любое изображение на вашем сайте. Например, как можно найти вашу фотографию, если у неё нет описания.

Отношение ведущих поисковиков: Многие поисковики пользуются этим тегом, особенно Yandex. Апорт ипользует его в результате поиска. Rambler же, на сколько мне известно, игнорирует данный тег.

<b> и <strong>

Теги жирного написания текста, означают они одно и тоже, только тег <b> — тег физического форматирования, а <strong> — тег логического форматирования.

Советы по тегу: Раньше я считал этот тег одним из лучших, но со временем его позиции упали, и занял он в моём рейтинге не четвёртое место, а предпоследнее. Мне кажется, что его следует использовать больше в визуально-смысловой форме, т.е. что бы выделить главное в тексте.

Отношение ведущих поисковиков: Google признаёт и использует эти теги, Апорт и Rambler обращает на них внимание в одну из последних очередей.

<meta…> тэги

Может кто-то удивится и возразит, но я считаю, что именно эти теги должны замыкать этот top. По-моему, meta теги это инструмент оптимизаторов конца 90-х годов. Сейчас только meta description играет хоть какую-то роль для поисковиков. Meta keywords сейчас не имеет почти никакого авторитета и почитания роботами.

Советы по тегу: Конечно, не нужно эти теги игнорировать, но сила в них уже не та. Только если они составлены идеально, т.е. если 100%-но подходят по содержанию к смыслу страницы, то некоторые роботы их оценят.

Отношение ведущих поисковиков: С уверенностью скажу, что Rambler полностью игнорирует эти теги, за исключением <meta robots…>. Для Апорт-а их следует использовать только в том случае, если их содержание присутствует в теле документа. Если Yandex сочтёт ваши мета теги правильно составленными, то это повысит ролевантность вашего документа, но уж если он посчитает это спамом, то вы вообще имеете шанс не попасть под индексацию этой машины.

Вывод

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

www.internet-technologies.ru

Оптимизация кода сайта — Блог Вебмастера

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

Оптимизация кода включает в себя:

Максимальное уменьшение объема кода. Можно воспользоваться приемами скрытия некоторых участков в аяксе. В частности на этом блоге в аяксе закрыт сайдбар.

Добавление мета-тегов. На данный момент, я абсолютно уверен в том, что очень хорошо работают теги <b>, теги перечисления <li>.

Использование заголовков h2-H6. Момент конечно весьма спорный, на сегодняшний день еще работают заголовки h2-h4 при том, что в сss над ними не поработали таким образом, что они практически не отличаются от основного текста.

Использование специальных атрибутов title и alt для изображений и прочих графических файлов. Лично я ни когда не придавал этому большого значения, как показывает на сегодняшний день практика, я делал это очень зря.

Грамотная навигация (перелинковка). На сегодняшний день вокруг этого вопроса идут очень крупные дебаты. Лично я для себя сделал только один вывод, если перелинковка хорошо кликабельна на сайте, она уже является грамотной, если же кликабельность ссылок ведущих на внутренние страницы стремится к нулю, то грош ей цена.

1. Максимальное уменьшение объема кода.

Многие веб-мастера забывают о том, что практически все поисковые системы уделяют большое внимание отношению полезного контента на странице к количеству стороннего кода, будь то скрипты, flash баннеры и так далее. Четко ограниченного отношения или формулы естественно пока не существует, но любой веб-мастер должен понимать, что чем больше обычного контента и меньше стороннего кода на странице сайта, тем выше эта страница будет ранжироваться в поисковой выдаче того же Яндекса или Гугла.

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

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

2. Добавление мета-тегов.

Как таковой пользы от огромного множества мета-тегов на сегодняшний день в принципе очень мало. Но есть несколько мета-тегов от которых можно получить весьма ощутимую пользу:

Мета-тег <b> довольно полезная вещь в умеренных количествах, им следует выделять только ключевые фразы на которых вы хотите сделать акцент, так же допускается выделять ключевые предложения которые по смыслу отображают тему самого поста, в остальных случая его использовать не рекомендуется.

Мета-тег <li> используется для перечисления чего либо, дает огромный и просто действительно ощутимый эффект о котором вообще мало кто знает. В перечислении нужно стараться писать альтернативные и похожие по смыслу к ключевым фразам слова или выражения. Действительно очень полезный мета-тег на сегодняшний день.

мета-тег description, о нем я писал в своем предыдущем посте, прочтите обязательно, если еще не сделали этого. Польза от данного тега очень весомая.

Ну и мета-теги которые особо не нуждаются в представлении h2-h4 и keywords. Многие говорят что keywords не играет практически ни какой роли, мне кажется это говорят те, кто даже не использует description, с таким же успехом они скоро будут писать о том, что нет смысла использовать и title. Лично я считаю что keywords дает не плохой эффект, главное рядом с ним не забывать про description, без него прописывать кеи действительно нет смысла.

4. Необходимость прописывать атрибуты title и alt для графических изображений.

Поисковые алгоритмы еще не научились определять по рисунку, что на нем изображено, возможно в недалеком будущем это конечно станет возможно, но на данный момент поисковые системы нуждаются в подсказках. Подсказками для поисковиков служат как раз таки атрибуты title и alt. Атрибут Title – это название картинки, Атрибут Alt – это ее описание.

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

5. Грамотная навигация на сайте (перелинковка).

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

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

Проверка сайта на оптимизацию

Для того, чтобы осуществить проверку сайта на оптимизацию, я пользуюсь сервисом по адресу http://www.promolab.ru/free/parser.php. Отличный сервис, который проводит полный анализ страницы на содержимое ее контента и релевантности. На самом деле в сети интернет, подомных сервисов огромное множество, вы можете сами поискать аналоги которые будут отвечать именно вашим запросам.

Читайте также:

syblog.ru

Оптимизация кода сайта | RuKala

Содержание статьи

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

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

W3C – это международная организация, которая занимается разработкой и внедрением различных технологических стандартов для Интернета. Все стандарты, перед тем, как стать рекомендациями проходят несколько стадий согласования во всём консорциуме, который расположен в нескольких странах, в т.ч. и в России (Москва: Национальный исследовательский университет «Высшая школа экономики»).

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

Проблемы медленной загрузки сайта в наше время остаётся достаточно значимой, и я бы даже сказал, что она является более значимой, чем раньше. В недалёком прошлом, скорость интернет подключения у пользователей была низкой и зачастую они готовы были ждать загрузку страничек сайта, хотя и не все. Сейчас, в эру сверхбыстрого интернета, многие пользователи ожидают загрузку странички до 4-5 секунд.

Если она была не загружена за этой время, он с большой вероятностью покинет этот сайт. Для мобильных пользователей это правило так же справедливо, поэтому при проектировании мобильной версии сайта, учитывайте, что эра доступного и быстрого мобильного интернета ещё не наступила – версия должна быть ещё более лёгкой, чем основная версия сайта.

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

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

Технологии развития в сайтостроении развиваются огромными шагами. За последние несколько лет множество сайтов стали применять красивые заставки при загрузке, анимацию, использовать flash и flex, сложный javascript, эффекты и прочее. Со всем этим типовой офисный компьютер, планшеты низшей и даже средней ценовой категории справляются с большим трудом. Тестируйте свой сайт даже на слабом и устаревающем оборудовании. Особенно это важно, если цена каждого клиента очень высока. И даже оптимизация сайта под чёрно-белую 3g читалку или Smart TV WiFi может принести несколько клиентов в год практически в любых сферах, что улучшит поведенческие факторы и превратит ваш сайт в эффективный инструмент продаж.

Оптимизируйте свой сайт, для корректного отображения на всех популярных устройствах, версиях браузеров и разрешениях экранов. «Поехавшие» элементы вёрстки ухудшают поведенческие факторы Вашего сайта и как следствие понижают доверие поисковых систем к Вашему сайту.

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

rukala.ru

Оптимизация кода сайта

Теперь поговорим об оптимизации кода для страницы, ведь данный фактор невероятно важен при внутренней оптимизации сайта и поможет вашему ресурсу легче занять хорошие позиции в ТОП-е поисковых систем интернета.

Оптимизация кода — советы.

Поисковые машины не умеют индексировать JavaScript, Flash, VBScript и т.д., поэтому все скрипты должны быть вынесены в отдельный файл и по возможности необходимо отказаться от технологии Flash, а в меню навигации категорически советую вам воздержаться от нее. Наиболее важные слова в тексте должны быть расположены как можно выше к началу страницы. Код должен быть полностью валидным. Навигация должна дублироваться не менее 2х раз, а доступ к самой глубокой странице должен быть возможен максимум в 3 клика. Главная страница и карта сайта должна быть доступна с любой страницы нашего сайта.

НУ а теперь обо всем по порядку:

Карта сайта.

Карта сайта необходима для помощи поисковой машине при индексации сайта. В ней расположены ссылки на все страницы сайта в одном файле. Существует множество программ и сервисов для создания карты сайта. Найти их вы сможете введя в любой ПМ запрос вроде создать sitemap.

Карта сайта должна быть доступна с любой другой страницы нашего сайта и потому логичнее всего было бы поместить ссылку на нее в автоматически подключаемый блок.

Создадим html карту сайта и разместив ее в корневом каталоге сайта назовем ее sitemap.html. Адреса в карте сайта необходимо указывать только в абсолютном виде!

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

<a href=»../sitemap.html»><img src=»../img/folder.png» width=»16″ height=»16″ border=»0″ style=»position:absolute; top:65px; left:28px;»></a>

Рядом поместим изображение с ссылкой на главную страницу, чтобы она была доступна с любой другой:

<a href=»../index.php»><img src=»../img/at.png» width=»16″ height=»16″ border=»0″ style=»position:absolute; top:65px; left:48px;»></a>

Дублируем навигацию.

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

Создадим навигацию в подключаемом блоке шапки страницы. Для нее определим отдельный CSS стиль :

link_menu:link {color : Black;text – decoration : none;font – family : «Comic Sans MS»;font – size : 12px;font – weight : 600;}.link_menu:visited{color : Black;text – decoration : none;font – family : «Comic Sans MS»;font – size : 12px;font – weight : 600;

}.link_menu:hover{color : White;font – family : «Comic Sans MS»;cursor:pointer;font – size : 12px;font – weight : 600;}.link_menu:active{color : Black;text – decoration : none;font – family : «Comic Sans MS»;font – size : 12px;font – weight : 600;}

А саму навигацию разместим внутри верхней ячейки основной таблицы каркаса нашего сайта. Если вы помните, то внутри верхней ячейки расположена таблица, состоящая из 3х столбцов, так вот нашу навигацию мы разместим в центральном столбце:

<div align=»center»><table width=»800″ border=»0″><tr><td><a href=»http://www.plata.ru/» class=»link_menu»>ГЛАВНАЯ</a></td><td><a href=»http://www.plata.ru/shop/shop.php» class=»link_menu»>ТОВАРЫ</a></td><td><a href=»http://www.plata.ru/service/service.php» class=»link_menu»>УСЛУГИ</a></td><td><a href=»http://www.plata.ru/delivery/delivery.php» class=»link_menu»>ДОСТАВКА</a></td><td><a href=»http://www.plata.ru/contact/contact.php» class=»link_menu»>КОНТАКТЫ</a></td><td><a href=»http://www.plata.ru/about_us/about_us.php» class=»link_menu»> О НАС</a></td></tr></table></div>

Теперь наш сайт имеет двойную навигацию, что немаловажно с точки зрения поисковой оптимизации:

Теперь самое время перейти к оптимизации названий файлов.

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

Подробный чек лист seo оптимизации можно посмотреть на блоге markintalk.

Далее мы будем оптимизировать названия файлов сайта.

www.eltisbook.ru

Оптимизация кода сайта | AllForJoomla apps

Оптимизировать код сайта надо тем веб-мастерам, которые привлекают трафик из поисковых систем. Если код содержит ошибки, то ресурс будет хуже индексироваться. Это повлияет на позиции ресурса.

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

Если робот не может до конца понять логику страниц, то с сайтом точно будут проблемы. Он будет медленно загружаться, отображаться некорректно и плохо индексироваться. Код ресурса обязательно следует доработать. Главное правило при доработке (или создании) кода сайта - это простота. Поэтому все стили и скрипты нужно вынести во внешние файлы. Сам код необходимо сделать предельно легким и понятным.

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

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

Изображения тоже надо оптимизировать. К каждой картинке должен быть прописан alt. Некоторые веб-мастеры делают заглавные буквы при помощи картинок, если они очень сложные с дизайнерской точки зрения. Такие буквы лучше прописывать в стилях, картинки в заглавиях делают код невалидным. Каждый тег на сайте должен использоваться рационально и по своему прямому назначению.

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

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

allforjoomla.ru

Prostoy-Site | Все права защищены © 2018 | Карта сайта