Узнайте, как оптимизировать веб-сайты для поисковых систем (SEO), повысить рейтинг посещаемости страницы и помочь пользователям быстрее находить ваши сайты.

Примечание.

Новые функции больше не добавляются в Adobe Muse. Поддержка этого приложения будет прекращена 26 марта 2020 г. Для получения подробной информации и поддержки посетите страницу прекращения обслуживания Adobe Muse.

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

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

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

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

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

Общие сведения об индексировании сайтов поисковыми системами

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

Ранее поисковые системы во время процесса построения индекса оценивали как ключевые слова, так и описание. Веб-разработчики иногда добавляли сотни ключевых слов в надежде улучшить видимость сайта в результатах поиска. Некоторые современные алгоритмы поиска, такие как поисковая система Google, больше не учитывают значения ключевых слов при определении оценки, тем не менее, на их обновление следует уделить время. Ключевые слова могут повысить оценку сайта в других поисковых системах и в решении Google Search Appliance, используемом более крупными веб-сайтами. Описания-метаданные часто отображаются как описание страницы в списке результатов поиска или как описание по умолчанию в Facebook, Google+ и других социальных сетях. Интересное описание может привлечь трафик на сайт.

Поисковые системы часто выполняют полнотекстовое индексирование, при котором они анализируют все текстовое содержимое страницы. Текст, находящийся в тегах заголовка (h1, h2, h3 и т. д.), считается наиболее важным, поскольку заголовки обычно резюмируют информацию на странице. С помощью стилей абзаца можно определить контейнеры тега абзаца для создания страницы, на которой заголовок h1 будет использоваться для заголовка верхнего уровня, заголовок h2 — для подзаголовка, а заголовок h3 — для вложенного подзаголовка. Форматирование текста указывает поисковым системам важность заголовка текста каждого уровня. Определение стилей для использования тегов абзаца и их применение к тексту заголовков позволяет создать правильно построенный код HTML, по которому программы-обходчики поисковых систем могут легко перемещаться.

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

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

Добавление ключевых слов и описаний в свойства страницы в качестве метаданных

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

Выполните следующие действия, чтобы обновить свойства определенной страницы:

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

  2. Выберите Страница > Свойства страницы.

    Выберите «Страница», затем «Свойства страницы»
    Открытие диалогового окна «Свойства страницы» в меню «Страница».

  3. В диалоговом окне Свойства страницы откройте вкладку Метаданные, в полях которой можно ввести информацию о метаданных.

    Свойства страницы
    Раздел «Метаданные» окна «Свойства страницы» для добавления метаданных.

  4. Нажмите поле Описание для ввода терминов, наиболее соответствующих содержимому сайта. Например, при разработке страницы о собаках, спасенных от усыпления или жестокого обращения, можно ввести короткое описание страницы «Спаси собаку и найди лучшего друга. Мы крупнейшая организация по спасению лабрадоров-ретриверов в Северной Калифорнии, занимающаяся поиском хозяев для преданных собак».

  5. Нажмите поле Ключевые слова для ввода терминов, наиболее соответствующих содержимому сайта. Например, при разработке страницы о собаках можно ввести ключевые слова, соответствующие содержимому страницы, такие как «спасенные собаки в Калифорнии», «лабрадоры-ретриверы», «черные лабрадоры», «коричневые лабрадоры», «медицинская помощь собакам», «уход за собаками», «приюты для собак».

  6. При обновлении поля Имя страницы следует помнить, что имя страницы является подписью, которая отображается в виджетах «Меню» на всем сайте.

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

  8. Завершив обновление метаданных, нажмите «ОК», чтобы закрыть диалоговое окно Свойства страницы.

Добавление заголовков и альтернативного текста в изображения

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

Ниже приведено краткое описание каждого свойства.

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

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

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

Для добавления заголовков и альтернативного текста выполните следующие действия.

  1. Выберите помещенное изображение.

  2. Нажмите на изображение правой кнопкой мыши и выберите в контекстном меню Добавить заголовок или Добавить альтернативный текст.

    Свойства изображения
    Добавление заголовка или альтернативного текста.

  3. Введите заголовок изображения в поле Заголовок диалогового окна Свойства изображения. Например, если изображение содержит логотип Adobe, можно ввести «Adobe Systems, Inc».

    Свойства заголовка изображения
    Поле «Заголовок» для ввода текста всплывающей подсказки.

  4. В поле Альтернативный текст введите описание графического содержимого, например «логотип Adobe».

  5. Нажмите кнопку «ОК», чтобы закрыть диалоговое окно Свойства изображения.

Настройка всплывающих подсказок для изображений и текста со ссылками

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

Выполните следующие шаги, чтобы добавить всплывающую ссылку к элементу с гиперссылкой:

  1. Выделите текст или изображение со ссылкой.

  2. Нажмите текст Гиперссылка на панели элементов управления слева от меню Гиперссылка. Появятся параметры Гиперссылка.

    Параметры «Гиперссылка»
    Текст «Гиперссылка» синего цвета на панели элементов управления для доступа к окну параметров гиперссылки.

  3. Введите всплывающую подсказку в поле Подсказка. Например, если текст содержит гиперссылку для возврата на главную страницу, можно ввести текст «Возврат на главную страницу».

  4. Нажмите в любом месте страницы за пределами окна с параметрами гиперссылки, чтобы закрыть его.

Использование стилей абзаца для форматирования текста и настройки тегов абзаца

  1. С помощью инструмента Текст нажмите текстовое поле и перетащите его. Введите любой текст, например «Это текст».

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

    • Шрифт, соответствующий веб-палитре: Verdana
    • Размер шрифта: 24
    • Цвет: коричневый (#8C6239 или R=140 G=98 B=57)
    • Трекинг: 6
    • Интерлиньяж: 120%
    Панель «Текст»
    Форматирование текста с помощью панели «Текст» или параметров на панели элементов управления.

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

    Параметры стилей абзацев
    Кнопка «Новый стиль», позволяющая создать новый стиль.

    Новый стиль содержит атрибуты форматирования и имеет имя по умолчанию Стиль абзаца.

  4. Дважды нажмите имя Стиль абзаца, чтобы открыть диалоговое окно Параметры стиля, и введите в поле Имя стиля новое имя стиля: Brown Header Large (большой заголовок коричневого цвета). В меню Тег абзаца настройте тег HTML, связанный со стилем заголовка h1.

    Параметры стиля
    Выбор заголовка «h1» в меню «Тег абзаца».

  5. Нажмите «ОК», чтобы применить параметры стиля абзаца. Теперь этот стиль абзаца можно применить к любому заголовку сайта, чтобы обновить его оформление и тег HTML.

    Этот способ рекомендуется для создания стилей заголовков h1 и их применения к тексту верхнего уровня (обычно самый крупный) страницы.

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

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

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

Общие сведения о файле sitemap.xml, генерируемом во время экспорта или передачи сайта

Во время экспорта или передачи сайта Adobe Muse стороннему поставщику узла с помощью диалогового окна «Передача на FTP-сервер» приложение Adobe Muse создает файл с именем «sitemap.xml», который содержит список всех страниц и ресурсов сайта. Этот файл упрощает процесс индексирования сайта поисковыми системами.

При размещении сайтов на интегрированных серверах хостинга Adobe доменное имя сайта автоматически добавляется во внутренний индекс сервера и дополнительные действия не требуются.

Карту сайта, созданную приложением Adobe Muse, можно использовать для повышения рейтинга сайта в поисковой системе. Если передача файлов осуществляется с помощью приложения Adobe Muse, файл «sitemap.xml» передается на сервер хостинга вместе с остальными файлами. В случае экспорта сайта или использования для передачи файлов FTP-клиента этот файл необходимо передать на сервер хостинга вместе с остальными ресурсами в экспортируемой папке.

Для улучшения оптимизации сайта в поисковых системах карта сайта содержит изображения с тегом <image:image>. Подписи к изображениям добавляются с тегом <image:caption>.  В карту сайта можно также включать повернутые изображения и изображения с эффектами, кроме файлов в формате .png.

При добавлении изображений с совпадающим именем файла и разным замещающим текстом эти изображения размещаются отдельно с тегом <image:caption>. Подпись к изображению будет включать соответствующий замещающий текст.

Выполните следующие действия, чтобы указать доменное имя в экспортированном файле sitemap.xml:

  1. Выберите Файл > Экспортировать как HTML.

    Выберите «Файл», затем «Экспортировать как HTML»
    Экспорт всех файлов сайта в папку на компьютере.

  2. Введите доменное имя в поле Имя домена.

    Диалоговое окно «Экспорт в формате HTML»
    Поле «Имя домена» для ввода доменного имени сайта.

  3. Убедитесь, что доменное имя введено правильно и имеет следующий формат: mysite.com

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

    Примечание. При выборе команды Файл > Передача на FTP-сервер для передачи сайта на сервер доменное имя, введенное в поле «Имя домена», будет добавлено в файл sitemap.xml.

    Параметры FTP-сервера
    Ввод доменного имени в диалоговом окне «Передача на FTP-сервер».

Информацию об использовании файлов sitemap.xml поисковой системой Google см. на страницах справки сервиса Google Инструменты для веб-мастеров.

Подробнее о разработке веб-сайтов в Adobe Muse см. в разделе Справка по Adobe Muse. Также посетите раздел Adobe Muse: веб-сайт дня, чтобы посмотреть вдохновляющие примеры сайтов, прежде чем начать собственный проект.

Видео | Просмотр аналитических данных сайта

Видео | Просмотр аналитических данных сайта
lynda.com - James Fritz

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет