Logo    
Деловая газета CitCity.ru CITKIT.ru - все об Open Source Форумы Все публикации Учебный центр Курилка
CitForum    CITForum на CD    Подписка на новости портала Море(!) аналитической информации! :: CITFORUM.RU
IT-консалтинг Software Engineering Программирование СУБД Безопасность Internet Сети Операционные системы Hardware

28.03.2017

Google
WWW CITForum.ru
С Новым годом!
2003 г

Оптимизация для поисковых систем страниц с JavaScript и таблицами стилей

Дейл Гетч, Перевод - http://www.payhosting.com.ua/

Введение

Поисковые системы используют ряд критериев, чтобы определить, о чем идет речь на данной веб-странице. Все эти критерии могут быть разными и могут изменяться с течением времени. Они направлены на определение степени "релевантности" страницы, т.е. соответствия данному запросу. Цель поисковой системы - предоставить пользователю результаты, наиболее отвечающие его запросу.

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

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

Когда поисковая система отправляет своего робота взглянуть на вашу страницу, вам хотелось бы быть уверенным, что робот найдет нужную информацию в верхней части страницы и что плотность ключевых слов на странице достаточно высока (в пределах разумного). Иногда возникают затруднения, даже если на видном месте вашей страницы расположено достаточное количество текста, насыщенного ключевыми словами. Два таких затруднения - позиционный код JavaScript и позиционный код каскадной таблицы стилей (Style Sheet) - можно легко устранить.

Затруднения с JavaScript

Большие объемы кода JavaScript могут быть препятствием. Обычно на веб-странице больше всего кода JavaScript содержится в разделе HEAD. Здесь обычно определяются переменные и функции и т.п. К сожалению, большой объем кода JavaScript на странице может очень навредить рейтингу страницы в поисковых системах.

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

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

Устранение затруднений с JavaScript

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

<html>
<head>
<title>My Title</title>
<script>
function helloWorld(){
alert("Hello, World!");
return;
}
</script>
</head>
<body onLoad="helloWorld()">
...body of page...
</body>
</html>

Пример 1 - mypage.html с кодом JavaScript

Заменяем код JavaScript командой для браузера извлечь код из отдельного файла. Новая страница будет выглядеть так:
<html>
<head>
<title>My Title</title>
<script src="codepage.js"></script>
</head>
<body onLoad="helloWorld()">
...body of page...
</body>
</html>

Пример 2 - mypage.html после перенесения кода JavaScript в другой файл

Обратите внимание, что тег SCRIPT пополнился атрибутом "src". Значение, присвоенное этому атрибуту, - это имя внешнего файла, содержащего код JavaScript. Как правило, такие внешние файлы получают расширение ".js", показывающее, что они содержат код JavaScript. Отметьте также, что здесь присутствуют оба тега <script> и </script>, хотя между ними ничего нет.
Затем создается новая страница, содержащая код, ранее содержавшийся в тегах SCRIPT. Назовем ее "codepage.js", а выглядеть она будет вот так:

function helloWorld(){
alert("Hello, World!");
return;
}

Пример 3 - codepage.js содержит только код JavaScript

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

Затруднения с каскадными таблицами стилей

Помимо кода JavaScript, причиной осложнения работы поисковых систем может быть код Style Sheet, когда он помещен на веб-страницу. Этот код необходимо удалить со страницы по тем же причинам, что и JavaScript - поскольку он сдвигает основное содержание и уменьшает плотность ключевых слов.

Устранение затруднений со Style Sheet

Идея удаления информации Style Sheet со страницы подобна идее "перегрузки" JavaScript в другой файл; что же касается синтаксиса - имеют местo некоторые отличия.

Оригинальная страница - "mypage.html" - может иметь такой вид:

<HTML>
<HEAD>
<TITLE>My Title</TITLE>
<style>
body{
background:white;
color:red;
}
</style>
</HEAD>
<BODY>
...body of page...
</BODY>
</HTML>

Пример 4 - mypage.html с кодом Style Sheet

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

<HTML>
<HEAD>
<TITLE>My Title</TITLE>
<link rel='stylesheet' href='style.css' type='text/css'>
</HEAD>
<BODY>
...body of page...
</BODY>
</HTML>

Пример 5 - mypage.html после удаления кода Style Sheet

Обратите внимание на добавившийся тег LINK. Он содержит информацию трех типов, которая понадобится браузеру для восстановления страницы на время посещения пользователями. Атрибут/пара значений "rel='stylesheet'" показывает, что мы смотрим на файл Style Sheet. Атрибут/пара значений "href='style.css'" указывает на внешний файл, содержащий информацию Style Sheet. Типичное расширение этих файлов - ".css", показывающее, что они содержат код Cascading Style Sheet. Вы замените имя файла "style.css" именем файла, в который поместите код Style Sheet. Наконец, нужно определить MIME тип этого файла в атрибуте/паре значений "type='text/css'".

Затем создается новая страница, содержащая код, ранее содержавшийся в тегах STYLE. Называем ее "style.css" и смотрим, как она выглядит:

body{
background:white;
color:red;
}

Пример 6 - style.css содержит только код Style Sheet
Для этого нового файла не требуется HTML-разметка. Он содержит только код, который первоначально находился между тегами STYLE.

Заключение

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

Дейл Гетч - технический консультант Search Innovation - компании по продвижению поисковых систем, обслуживающей предприятия малого бизнеса и неприбыльные организации. Более 12 лет работал в направлении развития программного обеспечения. Наряду с программированием в Perl, JavaScript, ASP и VB, он является специалистом по написанию и редактированию технических текстов, с упором на доступное изложение технических вопросов читателям, неискушенным в этой области.

Права на русский переод статьи принадлежат службе Payhosting.com.ua - качественный хостинг в Украине, России и США

Размещение рекламы — тел. +7 495 4119920, ICQ 232284597

Подписка на новости IT-портала CITForum.ru
(библиотека, CITKIT.ru, CitCity)

Новые публикации:

24 декабря

CITKIT.ru:

  • Новогодние поздравления
  • Сергей Кузнецов. Цикл Операционные системы: Ностальгия по будущему:

  • Алексей Федорчук. OpenSolaris 2008.11 Release

  • Сергей Голубев:

  • Евгений Чайкин aka StraNNik (Блогометки):

    17 декабря

  • С.Д.Кузнецов. Базы данных. Вводный курс

    10 декабря

    CITKIT.ru:

  • OpenSolaris 2008.11 Release

  • Альтернативные ОС: две грустные истории (С.Кузнецов)
  • Nokia N810 — доведение до ума
  • CitCity:

  • Платформа 2009: заоблачные перспективы Microsoft

    4 декабря

  • Лекция С.Д.Кузнецова Понятие модели данных. Обзор разновидностей моделей данных

    CITKIT.ru:

  • OpenSolaris 2008.11 Release. Первые впечатления

  • Linux vs FreeBSD: продолжим "Священные войны"?

  • Nokia N810 as is

  • Индульгенция для FOSS

  • Друзья СПО'2008

    26 ноября

  • Нечеткое сравнение коллекций: семантический и алгоритмический аспекты

    CitCity:

    CITKIT.ru:

  • Глава из книги А.Федорчука
    Сага о FreeBSD:
  • 19 ноября

  • Проблемы экономики производства крупных программных продуктов

  • Язык модификации данных формата XML функциональными методами

    CITKIT.ru:

  • Главы из книги А.Федорчука
    Сага о FreeBSD:

    Заметки к книге:

  • FreeBSD: монтирование сменных устройств и механизм HAL
  • Текстовый редактор ee

    12 ноября

  • Правило пяти минут двадцать лет спустя, и как флэш-память изменяет правила (Гоц Грейф, перевод: Сергей Кузнецов)

    CITKIT.ru:

  • Главы из книги А.Федорчука
    Сага о FreeBSD:
  • OSS в России: взгляд правоведа (В.Житомирский)

  • Новая статья из цикла С.Голубева "Железный марш":

    29 октября

  • О некоторых задачах обратной инженерии

  • Веб-сервисы и Ruby

  • Тестирование web-приложений с помощью Ruby

    CITKIT.ru:

  • Главы из книги А.Федорчука
    Сага о FreeBSD:

  • PuppyRus Linux - беседа с разработчиком (С.Голубев)

  • Сергей Кузнецов. Заметка не про Linux

    22 октября

  • Обзор методов описания встраиваемой аппаратуры и построения инструментария кросс-разработки

    CITKIT.ru:

  • Сергей Кузнецов. Почему я равнодушен к Linux

  • Глава из книги А.Федорчука
    Сага о FreeBSD:
  • Что надо иметь
    3. Базовые познания

    CitCity:

  • Управление IT-инфраструктурой на основе продуктов Microsoft

    15 октября

  • Методы бикластеризации для анализа интернет-данных

    CitCity:

  • Разъемы на ноутбуках: что они дают и зачем их так много?
  • AMD Puma и Intel Centrino 2: кто лучше?

    CITKIT.ru:

  • Новый цикл статей С.Голубева
    Железный марш:

  • Главы из книги А.Федорчука
    Сага о FreeBSD:

    8 октября

  • Автоматизация тестирования web-приложений, основанных на скриптовых языках
  • Опыт применения технологии Azov для тестирования библиотеки Qt3

    Обзоры журнала Computer:

  • SOA с гарантией качества
  • Пикоджоуль ватт бережет
  • ICT и всемирное развитие

    CitCity:

  • Пиррова победа корпорации Microsoft

    CITKIT.ru:

  • Главы из книги А.Федорчука
    Сага о FreeBSD:

    Статья из архива:

  • Я живу в FreeBSD (Вадим Колонцов)

    Новые Блогометки:

  • Перекройка шаблона Blogger или N шагов к настоящему
  • Blogger. Comment style
  • Screenie или глянцевый снимок экрана

    2 октября

    CITKIT.ru:

  • Сага о FreeBSD (А. Федорчук)

    Zenwalk: пакет недели

  • Банинг — интеллектуальное развлечение (С.Голубев)

    CitCity:

    25 сентября

  • Клермонтский отчет об исследованиях в области баз данных

    CITKIT.ru:

  • Пользователям просьба не беспокоиться... (В.Попов)

  • Снова про ZFS: диск хорошо, а два лучше
  • Командная оболочка tcsh (А.Федорчук)

    Zenwalk: пакет недели

    17 сентября

  • T2C: технология автоматизированной разработки тестов базовой функциональности программных интерфейсов
  • Технология Azov автоматизации массового создания тестов работоспособности

    CITKIT.ru:

  • FreeBSD: ZFS vs UFS, и обе-две — против всех (А.Федорчук)

    Zenwalk: пакет недели

  • Дачнет — практика без теории (С.Голубев)

    10 сентября

  • За чем следить и чем управлять при работе приложений с Oracle
  • Планировщик заданий в Oracle
    (В.Пржиялковский)

    CITKIT.ru:

  • Microsoft: ответный "боян" (С.Голубев)

  • Причуды симбиоза, или снова "сделай сам" (В.Попов)

  • Файловые системы современного Linux'а: последнее тестирование
  • Zsh. Введение и обзор возможностей
    (А.Федорчук)

    Описания пакетов Zenwalk: Zsh, Thunar, Thunar-bulk-rename, Xfce4-places-plugin, Xfce4-fsguard-plugin

    Блогометки:

  • Google Chrome
  • Лончер для ASUS Eee PC 701

    3 сентября

    CITKIT.ru:

  • Заметки о ядре (А.Федорчук):

    Добавлены описания пакетов Zenwalk: Galculator, Screenshot, Gnumeric, Pidgin

    В дискуссинном клубе:

  • И еще о Википедии и Google Knol

  • Лекция для начинающего линуксоида (С.Голубев)

    26 августа

  • Транзакционная память (Пересказ: С. Кузнецов)

    CITKIT.ru:

  • Открыт новый проект Zenwalk: пакет недели

  • Статья Текстовые процессоры и их быстродействие: конец еще одной легенды?

    21 августа

    CITKIT.ru:

  • Почему школам следует использовать только свободные программы (Ричард Столлман)
  • Беседа Сергея Голубева с учителем В.В.Михайловым

  • Википедия или Гуглезнание? Приглашение к обсуждению (Алексей Федорчук)
  • Народная энциклопедия от Google (StraNNik)

  • Обзор Mandriva 2009.0 Beta 1 Thornicrofti
  • Новичок в Линукс: Оптимизируем Mandriva 2008.1

  • Книга Zenwalk. Приобщение к Linux:

    13 августа

    CitCity:

  • Мирный Atom на службе человеку. Обзор платы Intel D945GCLF с интегрированным процессором
  • Обзор процессоров Intel Atom 230 на ядре Diamondville

  • iPhone - год спустя. Скоро и в России?

    CITKIT.ru:

  • Интермедия 3.4. GRUB: установка и настройка (из книги Zenwalk. Приобщение к Linux)

    6 августа

  • СУБД с хранением данных по столбцами и по строкам: насколько они отличаются в действительности? (Пересказ: С. Кузнецов)

    CITKIT.ru:

  • Интермедия 2.2. Что неплохо знать для начала (из книги Zenwalk. Приобщение к Linux)

  • И снова про шрифты в Иксах (А.Федорчук)

  • 20 самых быстрых и простых оконных менеджеров для Linux

  • Дело о трех миллиардах (С.Голубев)

    30 июля

  • OLTP в Зазеркалье (Пересказ: С. Кузнецов)

    CitCity:

  • Будущее BI в облаках?
  • Тиражные приложения и заказная разработка. Преимущества для заказчика
  • Дискуссия со сторонниками заказной разработки

    CITKIT.ru:

  • Новые главы книги Zenwalk. Приобщение к Linux:
  • Глава 8. Пакеты: средства установки, системы управления, системы построения
  • Глава 9. Zenwalk: репозитории, пакеты, методы установки

    23 июля

    CITKIT.ru:

  • Все против всех. 64 vs 32, Intel vs AMD, tmpfs vs ext3
  • Две головы от Intel

  • Zenwalk: обзор штатных приложений (глава из книги "Zenwalk. Приобщение к Linux")

  • Нормально, Григорий...

    16 июля

    Обзоры журнала Computer:

  • Перспективы и проблемы программной инженерии в XXI веке
  • Большие хлопоты с большими объемами данных
  • Перспективы наноэлектроники

    CITKIT.ru:

  • Интермедия о лицензиях (А.Федорчук. "Zenwalk. Приобщение к Linux")

  • Есть ли будущее у KDE?

  • Linux в школе: альтернативный вариант в задачах

  • Шифр (приключения агента Никодима)

    10 июля

    CITKIT.ru:

  • Новые разделы книги А. Федорчука Zenwalk. Приобщение к Linux:
  • Интермедия вступительная. Linux или GNU/Linux? Как вас теперь называть?
  • Глава 5. Среда Xfce
  • Глава 6. Xfce: приложения и плагины

  • ZUR (Zenwalk User Repository) FAQ

    2 июля

  • Персистентность данных в объектно-ориентированных приложениях (С. Кузнецов)

    CITKIT.ru:

  • Новые разделы книги А. Федорчука Zenwalk. Приобщение к Linux:
  • Интермедия 1.2. Дорога к Zenwalk'у. Период бури и натиска
  • Интермедия 3.3. Немного о Linux'е и "железе"
  • Глава 4. Настройка: инструментами и руками
  • Интермедия 4.1. Zenpanel и конфиги: поиски корреляции

  • Интервью с Жан-Филиппом Гийоменом, создателем дистрибутива Zenwalk

  • Linux в школе: первые итоги (С. Голубев)

    25 июня

    CITKIT.ru:

  • Zenwalk. Приобщение к Linux (А. Федорчук)

  • Логика и риторика (С.Голубев)

  • Технология Tru64 AdvFS

  • Ханс Райзер предлагает отвести полицейских к телу Нины

    18 июня

  • Проекты по управлению данными в Google (Пересказ: С. Кузнецов)

    CITKIT.ru:

  • ОС и поддержка "железа": мифы и реальность (А. Федорчук)

  • Linux в школе: другие дистрибутивы

  • Пинок (С. Голубев)

    4 июня

  • Ландшафт области управления данными: аналитический обзор (С. Кузнецов)

    CITKIT.ru:

  • Linux в школе: слово заинтересованным лицам

  • SlackBuild: пакеты своими руками

  • Linux от компании Novell. Установка и обзор openSUSE Linux

    Все публикации >>>




  • IT-консалтинг Software Engineering Программирование СУБД Безопасность Internet Сети Операционные системы Hardware

    Информация для рекламодателей PR-акции, размещение рекламы — тел. +7 495 4119920, ICQ 232284597 Пресс-релизы — pr@citcity.ru
    Послать комментарий
    Информация для авторов
    Rambler's Top100 TopList liveinternet.ru: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня This Web server launched on February 24, 1997
    Copyright © 1997-2000 CIT, © 2001-2007 CIT Forum
    Внимание! Любой из материалов, опубликованных на этом сервере, не может быть воспроизведен в какой бы то ни было форме и какими бы то ни было средствами без письменного разрешения владельцев авторских прав. Подробнее...