Web программирование. Как уменьшить вес веб страницы

Под весом страницы понимают её объём, измеряемый в килобайтах. Вес страницы складывается из:
• Объем чистого HTML-кода;
• Объём текстовой информации на странице;
• Объём графики, которая является составляющей частью дизайна;
• Объём рекламы (банеров, и (или) текстовых блоков).

Существует мнение, что суммарный объём страницы не должен превышать 50Кб, если больше, то посетителям придётся ждать загрузки страницы достаточно долго. Но сейчас мы живем во время безлимитного и с большой скоростью Интернета. Поэтому вес страницы может быть и 100-150Кб. Но все же следует помнить — чем меньше вес страницы — тем быстрее она загружается, и пользователь чувствует себя комфортно.
Каждый web-программист (курс «Web-программирование» можно посетить в учебном центре Практикум. Первое занятие бесплатное http://www.praktikum.com.ua) должен знать пути уменьшения веса страниц:
Откажитесь от комментариев. Зачастую в коде веб-страницы встречаются достаточно бесполезные комментарии, в которых веб-мастер старается подшутить над теми, кто захочет посмотреть код. Следует заметить, что не стоит отказываться от комментариев к изображениям, т.е. от тега alt=, как раз он вам пригодиться.

Используйте CSS. Каскадные таблицы стилей могут достаточно сильно облегчить страницу, если их правильно использовать. Пропишите в CSS font, width и height, а в коде лишь расставьте необходимые ссылки.

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

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

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

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

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

Источник www.webcorp.ru

Что нужно знать начинающему WEB программисту о SEO оптимизации. Факторы SEO оптимизации

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

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

Правильный код страниц
Правильность HTML-кода Ваших страниц — это второй по значимости фактор, который недооценивать никак нельзя. То, как легко будет прочтен поисковым ботом Ваш код, напрямую зависит от того, насколько мало в нем расхождений с базовыми стандартами языка HTML. Всегда проверяйте свои страницы на валидность!
Вы можете также посетить курсы по web программированию. Например, в учебном центре «Практикум» есть курс Web программирование, где преподают практики, а не теоретики. Первое занятие бесплатное.
Сайт www.praktikum.com.ua

Не перегружайте сайт всевозможными DHTML, а так же Java Script и Flash. Это ведет к тому, что большинство ботов «разворачивается» и уходит. Если хотите что бы сайт имел подобную навигацию, то не поленитесь сделать карту сайта, а так же альтернативные внутренние ссылки.

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

Ключевые слова
Грамотная расстановка ключевых слов — залог успеха. Именно на основании анализа набора ключевых слов, Ваш сайт идентифицируется, как «нужный» и попадает в серп по поисковом запросу. Частота ключевых слов не больше 8% — это правило известно каждому оптимизатору.

Контент
Это крайне важный фактор, который кардинально влияет на раскрутку. Уникальный контент — превыше всего. Ворованный контент (т.е. материал размещенный без ссылки на источник) может привести к штрафу от поисковой системы.

Ссылки
Какие базовые знания Вам необходимы, что бы приступить к наращиванию ссылок? Входящие ссылки на Ваш сайт могут быть разными (полезными и бесполезными). Тут все зависит, например, от Page Rank тех страниц, что ссылаются на Вас (это если речь зашла об оптимизации под Google). Во-вторых, как правило, для того что бы получить мало-мальски хорошую ссылку (входящую ссылку), Вам придется поставить у себя ответную (исходящую) — ищите партнеров и побольше входите в контакт с сайтами, которые тематически близки Вашему ресурсу. И наконец, в-третьих. Не злоупотребляйте исходящими ссылками — всегда проверяйте не только контентное наполнение ресурса на который ссылаетесь, но и такой параметр, как Page Rank целевой страницы.

Источник www.bigfozzy.com

Оптимизация сайта на CMS Joomla

Как говорилось уже ранее — каким бы ни был качественным движок (CMS) его нужно оптимизировать.
Следует напомнить, что под оптимизацией подразумеваются две вещи:
— оптимизация с целью уменьшения нагрузки на сервер при высокой посещаемости; увы, код большинства движков далек от идеала и создает большую нагрузку, если его не дорабатывать.
— оптимизация с целью упростить продвижение в топ поисковых систем; с этим проще – большая часть cms имеет встроенные инструменты для поисковой оптимизации.

Joomla
Кто то говорит, что это сложный для освоения и тяжелый движок, а кто то, что он достаточно прост. Но в любом случае он обладает очень большой функциональностью и масштабируемостью. Конечно, и тут не обойтись без «обработки напильником».
Новичкам, конечно, лучше всего пойти на обучающие курсы для ускорения обучения. Например, в учебном центре Практикум есть курс по изучению Joomla. Также могут пригодится курсы WEB-программирование и Поисковая оптимизация сайта/SEO. Первый урок бесплатный.

Как и с любым другим движком, начать нужно с включения кеширования. Общее кеширование включается в «Сайт – Общие настройки – Система – Установки кэша». Также многие модули и компоненты имеют собственные настройки кеширования, как на уровне сервера, так и в браузере пользователя.
Также стоит отключить все лишние расширения – компоненты, модули и т. п. Оставить самое необходимое, да и то, может, стоит поискать более легкие варианты с чистым кодом. ЧПУ нужно создавать встроенным инструментом Joomla – сторонние компоненты зачастую создают ненужную нагрузку. Впрочем, стоит проверить самостоятельно.
Почему-то во многих статья написано, что gzip-сжатие уменьшает нагрузку на сервер. На самом деле оно ее только увеличивает, так что будьте внимательны. Также неверным считаю совет про установку задержки (таймаута) для поисковых роботов – это может привести к проблемам с индексацией сайта. Снижения нагрузки от посещений роботами можно достичь, закрыв от индексации в robots.txt все служебные страницы, профили, поиск по сайту и т. п.

Для каждой статьи сайта можно и нужно прописать свои заголовок (title), ключевые слова (keywords) и описание (description). Нужно сделать, чтобы заголовок статьи был включен в тег . Для этого в файле components/com_content/content.html.php код <?php echo $row->title;?> нужно заключить в этот тег.

Сразу же надо включить ЧПУ (раздел “Search Engines Optimization”) и переименовать файл htaccess.txt в .htaccess.
Внутренняя перелинковка сайта на Joomla осуществляется встроенным модулем «Похожие материалы». Похожие статьи выводятся исходя из прописанных вручную ключевых слов, так что не забывайте их прописывать для каждого добавленного материала.

Карту сайта создать необходимо. Для этого можно использовать компонент Xmap. Полученную карту для лучшей индексации сайта нужно добавить в панели вебмастера Яндекса и Гугла.

Источник www.cy-pr.com

Web программирование. Где на страницах следует размещать ключевые слова

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

Оптимизация контента под поисковые запросы — целая наука, поэтому для начала можно пойти на обучающие курсы по web программированию или seo оптимизации в учебный центр Практикум. Сайт www.praktikum.com.ua

Заголовок страницы (тег title).
Тег title располагается в блоке под названием head и имеется на любой веб-странице — его можно визуально наблюдать в самой верхней строке браузера, независимо от того, каким вы пользуетесь браузером. Поисковые машины уделяют очень большое внимание этому тегу — именно он, если страница попала в серп, будет отображен в виде ее гипер-активного названия. Текст, который Вы планируете включить в заголовок, должен отвечать следующим требованиям:
• количество символов не более 115-ти, но не менее 50-ти;
• наличие ключевых слов, которые кратко характеризуют контент, содержащийся на самой странице.

Meta-тег keywords
Meta-тег keywords, как и другие мета-теги, уже не имеет для поисковых машин такого значения, какое имел раньше, но, несмотря на это, полезность от размещения в нем ключевых слов есть. Поэтому — рекомендуем размещать в нем ключевые слова следующим образом:
• разделять ключевые слова запятыми;
• в начало списка ставить самые главные ключевые слова (по убывающей);
• не использовать более 25 ключевых слов;
• стараться использовать словосочетания.

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

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

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

Источник www.bigfozzy.com