Чтобы понимать, как правильно оптимизировать свой сайт, следует проследить стратегию поведения типичного пользователя. Типичный пользователь - это среднестатистический юзер, возможно, ваш будущий клиент.
Стратегия типичного пользователя
Важно помнить, что главным проводником любого человека в интернете является поисковая система. И человек доверяет этой поисковой системе, так как выбирает ее сам по тем или иным причинам. Вводя интересующий запрос в строку поиска, пользователь получает список сайтов, которые могут помочь в решении возникшей проблемы. Известно, что никто не станет листать сотни страниц выданных результатов, а воспользуется только первой, перейдя по 2-7 ссылкам.После клика по ссылке, пользователь попадает на сайт. Очевидно, что непонятный интефейс и хаос отпугнут клиента, и он вряд ли воспользуется услугами сайта. Если интерфейс в порядке, то следующий шаг - чтение и оценивание контента. Собственно, на этом этапе пользователь и примет решение, продолжать с вами сотрудничать или нет. Если сервис носит коммерческий характер, то необходимо подумать и об удобной обратной связи. Иначе «рыбка», попавшая на крючок, сорвется с него в последний момент. И вряд ли вы ее уже сможете поймать.
Seo-оптимизация - что это?
Поисковая, или seo-оптимизация - это ядро процесса оптимизации сайта. Как видно из названия, seo занимается продвижением сайта в поисковых системах. Самыми востребованными системами считаются «Яндекс» и Google.Как это происходит? Весь ваш контент, т.е. статьи и изображения, расположенные на сайте индексируются поисковым роботом (его еще называют «пауком»). В статьях должны содержаться ключевые слова. Это как раз те варианты запросов, которые вводят пользователи, чтобы найти информацию. «Паук» определяет релевантность (т.е. соответствие) этих ключевых слов и уникальность каждой статьи. После чего проводит сайт в общий рейтинг. Это называется внутренней оптимизацией.
Не менее важно внешнее продвижение. Осуществляется оно за счет «цитирования» вашего сайта на других ресурсах. Поисковый робот, находясь на уже раскрученном сайте, переходит по расположенным на нем ссылкам. Если одна из ссылок ваша, то оптимизация автоматически увеличивается.
Черный список
Если контент совсем не уникален, т.е. был скопирован с другого сайта, то сайт автоматически попадает в черный список. Этот список однозначно гарантирует провал раскрутки через интернет. Уникальность контента можно заранее проверить при помощи специальных сайтов и программ («Адвего Плагиатус», Content-watch).В последнее время требования поисковых роботов возросли и стали особо внимательно индексировать изображения. Поэтому копирование их с других сайтов может грозить неудачной seo-оптимизацией.
Также нельзя размещать одновременно много ссылок на ваш сайт на сторонних ресурсах. Если перестараться - это приведет к игнорированию «пауком» вашего сайта.
Совет 2: Как оптимизация сайта приводит к успеху компании
В современном мире рыночных отношений, где царит жесткая конкуренция, просто необходимо выделяться по многим признакам, чтобы в процессе «естественного отбора» не оказаться на низших позициях по показателям успешности
Скорость и производительность сайтов очень важна для пользователей. Если Ваш сайт будет слишком медленным, то Вы будете не только терять посетителей, но также и потенциальных клиентов. Поисковые системы такие как Google, учитывают скорость веб-сайта в рейтинге поиска, поэтому, оптимизируя скорость Вашего сайта, Вы должны принять всё во внимание. Учитывается каждая миллисекунда. Вот только несколько основных и общих предложений для того, чтобы улучшить производительность сайта.
1. Отсрочьте загрузку контента, когда есть такая возможность.
Ajax позволяет нам строить веб-страницы, которые могут быть асинхронно обновлены в любое время. Это означает, что вместо того, чтобы перезагрузить всю страницу, когда пользователь выполняет действие, мы можем просто обновить часть этой страницы.
Мы можем использовать галерею изображений в качестве примера. Файлы изображений являются большими и тяжелыми; они могут замедлить скорость загрузки веб-страниц. Вместо того, чтобы загрузить все изображения, когда пользователь первые посетит веб-страницу, мы можем только показать миниатюрные
изображения и затем, когда пользователь нажмет на них, мы можем асинхронно запросить полные изображения от сервера и обновить страницу. Если пользователь хочет видеть несколько изображений, он не должен ждать, пока загрузятся все изображения. Этот паттерн разработки называют ленивой загрузкой ().
Библиотеки Ajax/веб разработки, такие как jQuery, Prototype и MooTools могут осуществить отсроченную загрузку контента гораздо легче.
2. Используйте отдельные JS и CSS файлы
Когда пользователь впервые загружает Вашу веб-страницу, браузер кэширует внешние ресурсы, такие как JavaScript и CSS файлы. Таким образом, лучше размещать такие файлы вне страниц.
Используя встроенного CSS также увеличивает время рендеринга веб-страницы; определяя всё в Вашем главном файле CSS, Вы позволяет браузеру делать меньше работы во время рендеринга страницы, так как он уже знает все правила стилей, которые ему надо применить.
В качестве бонуса, использование отдельных JavaScript и CSS файлов делает поддержку сайта более лёгкой, так как вам надо только изменить глобальные файлы вместо того, чтобы искать всё в коде, разбросанном на нескольких страницах.
3. Используйте системы кэширования
Если Вы считаете, что Ваш сайт соединяется с базой данных, каждый раз для того, чтобы создать один и тот же контент - пора начать использовать систему кэширования. При наличии системы кэширования, Ваш сайт должен будет только создать контент один раз вместо того, чтобы создавать его каждый раз,
когда страницу посещают пользователи. Не волнуйтесь, системы кэширования периодически обновляют свои кэши в зависимости от того, как Вы их настроите - таким образом, даже постоянно изменяющиеся веб-страницы (как сообщение в блоге с комментариями) могут быть закэшированными.
У популярных систем управления контентом, таких как WordPress и Drupal, имеется статическое кэширование, которые преобразовывает динамически сгенерированные страницы в статические файлы HTML, чтобы уменьшить ненужную обработку сервером. Для WordPress попробуйте WP Super Cache . В Drupal есть функция кэширования страницы в самом ядре.
Также существуют системы кэширования баз данных и серверных скриптов, которые Вы можете установить на своем веб-сервере (если у Вас есть возможность сделать это). Например, у PHP есть расширения под названием ускорители PHP (PHP accelerators), которые оптимизируют производительность посредством кэширования и различных других методов; один пример PHP-ускорителя - APC . Кэширование базы данных улучшает работу и масштабируемость Ваших веб-приложений благодаря уменьшению работы, связанной с процессами чтения/записи/доступа базы данных; memcached , например, кэширует наиболее часто используемые запросы к базе данных.
4. Избегите изменения размеров изображений в HTML
Если изображение первоначально размером 1280x900 px, но у Вас должно быть 400x280 px, Вы должны изменить размеры и повторно сохранить изображение, используя редактор изображений, такой как Photoshop вместо того, чтобы использовать атрибуты ширины и высоты в HTML
(то есть ).
Это потому что, естественно, большое изображение всегда будет иметь больший размер файла. Вместо того, чтобы изменить размеры изображения, используя HTML, измените размеры его размеры в графическом редакторе и затем сохраните это как новый файл.
5. Не используйте изображения для показа текста
Это не только делает текст на изображении недоступным для экранных читалок и полностью бесполезным для SEO, но и увеличивает время загрузки вашей страницы, потому что чем больше изображений на странице, тем она тяжелее.
Если Вы должны использовать много своих шрифтов на веб-сайте, узнайте о CSS @font-face , чтобы показать текст с пользовательскими шрифтами более эффективно. Очевидно, что обработка файлов шрифтов более оптимальна, чем обработка изображений.
6. Оптимизируйте размеры изображения благодаря использованию правильного формата файла
Выбирая правильный формат изображения, Вы можете оптимизировать размеры файла не теряя качество изображения. Например, если Вы не нуждаетесь в прозрачности изображения (альфа-слой), который предлагает формат PNG, формат JPG часто предоставляет изображения, используя меньший размер файла.
Чтобы узнать больше, как выбрать между JPG, PNG, и GIF, почитайте следующие гайды:
В дополнение, есть много инструментов, которые Вы можете использовать, чтобы далее уменьшить веса файла Ваших изображений. Проверьте этот список инструментов для того, чтобы оптимизировать Ваши изображения .
7. Оптимизируйте метод написания кода
Осмотрите свой исходный код. Вы действительно нуждаетесь во всех тэгах, которые Вы используете, или Вы можете использовать CSS для вывода на экран? Например, вместо того, чтобы использовать
Ваш заголовок
, Вы можете легко использовать CSS для того, чтобы заголовок был курсивом, используя свойство font-style. Написание эффективного кода не только уменьшает размеры ваших HTML и CSS документов, но также позволяет их легче поддерживать.8. Загружайте JavaScript в конце документа
Будет лучше, если ваши скрипты загружаются в конце страницы, а не в начале. Это позволяет браузеру отрендерить всё перед тем, как он начнёт грузить JavaScript. Благодаря этому, Ваши страницы будут более отзывчивыми, потому что способ работы Javascript"a такой, что он блокирует всё, пока не закончит загружаться. Если возможно, ссылайтесь на Javascript прямо после закрывающегося тега