Ускорить сайт adobe muse
Узнайте, как оптимизировать веб-сайты для поисковых систем (SEO), повысить рейтинг посещаемости страницы и помочь пользователям быстрее находить ваши сайты.
Оптимизация сайта для поисковых систем (SEO) позволяет повысить видимость сайта в Интернете благодаря повышению его оценки в списке результатов поиска поисковой системы. Сайты с более высокой оценкой отображаются вверху списка, что помогает посетителям находить нужный сайт в Интернете. Хорошие методы оптимизации сайта для поисковых систем позволяют повысить оценку сайта и таким образом увеличить трафик сайта.
Для того чтобы вывести список сайтов в Интернете, поисковые системы обходят Интернет по ссылкам, связывающим веб-страницы с ресурсами сайта. Процесс оценки поисковыми системами содержимого страниц и ресурсов называется индексированием. Важность индексирования заключается в том, что этот процесс непрерывного сбора данных информирует поисковые системы о доступном содержимом в Интернете. Если сайт больше недоступен, поисковая система удаляет его из результатов поиска. Поисковые системы используют результаты индексирования для определения содержимого сайта и его оценки.
Благодаря индексированию поисковые системы могут вывести в результатах поиска ссылки на веб-сайты, которые точно соответствуют определенному запросу, на основе ключевого слова или фразы. Например, если в поле поисковой системы ввести слово «Adobe» и нажать кнопку «Поиск», в результатах поиска отобразится список веб-страниц. Эти результаты поиска будут содержать ссылки на веб-сайты, на которых поисковая система обнаружила содержимое, связанное с программным обеспечением и продуктами Adobe.
Поисковые системы используют множество параметров, чтобы определить, какие сайты расположить вверху списка. Высокая оценка является наиболее оптимальной, поскольку люди, выполняющие поиск по данному ключевому слову или фразе, вероятнее всего, посетят ваш веб-сайт. Приведенные ниже рекомендации помогут вам упростить процесс индексирования сайта поисковыми системами, чтобы посетители, выполняющие поиск в Интернете, могли найти созданные вами сайты.
Веб-страницы могут содержать встроенные метаданные, такие как имя автора, ключевые слова, описания и язык. Ключевые слова и описание помогают определить назначение сайта и описывают его содержимое. Эти метатеги встраиваются в исходный код HTML; они не видны на странице, которая отображается в окне браузера.
Ранее поисковые системы во время процесса построения индекса оценивали как ключевые слова, так и описание. Веб-разработчики иногда добавляли сотни ключевых слов в надежде улучшить видимость сайта в результатах поиска. Некоторые современные алгоритмы поиска, такие как поисковая система Google, больше не учитывают значения ключевых слов при определении оценки, тем не менее, на их обновление следует уделить время. Ключевые слова могут повысить оценку сайта в других поисковых системах и в решении Google Search Appliance, используемом более крупными веб-сайтами. Описания-метаданные часто отображаются как описание страницы в списке результатов поиска или как описание по умолчанию в Facebook, Google+ и других социальных сетях. Интересное описание может привлечь трафик на сайт.
Поисковые системы часто выполняют полнотекстовое индексирование, при котором они анализируют все текстовое содержимое страницы. Текст, находящийся в тегах заголовка (h1, h2, h3 и т. д.), считается наиболее важным, поскольку заголовки обычно резюмируют информацию на странице. С помощью стилей абзаца можно определить контейнеры тега абзаца для создания страницы, на которой заголовок h1 будет использоваться для заголовка верхнего уровня, заголовок h2 — для подзаголовка, а заголовок h3 — для вложенного подзаголовка. Форматирование текста указывает поисковым системам важность заголовка текста каждого уровня. Определение стилей для использования тегов абзаца и их применение к тексту заголовков позволяет создать правильно построенный код HTML, по которому программы-обходчики поисковых систем могут легко перемещаться.
Во время индексирования содержимого страницы также анализируются изображения и другие связанные ресурсы. Если ресурсы содержат заголовки или альтернативный текст, эта информация тоже анализируется. Оцениваются и всплывающие подсказки, добавленные в гиперссылки. Поисковая система использует все найденное во время индексирования сайтов текстовое содержимое для принятия обоснованного вывода о содержимом каждой страницы. Помимо этого, добавление заголовков и альтернативного текста в изображения и всплывающих подсказок в гиперссылки повышает доступность создаваемых страниц для всех пользователей, включая посетителей, использующих для навигации по Интернету вспомогательные средства.
Регулярно проверяйте свои сайты на наличие нерабочих ссылок, исправляйте или удаляйте такие ссылки. Если поисковая система обнаруживает нерабочую ссылку, она может решить, что сайт долго не обновлялся. Также необходимо внимательно относиться к проблеме отсутствующих файлов изображений и связанных ресурсов. Старые, не обновляемые сайты могут получить в результатах поиска более низкую оценку.
В начале работы над созданием сайта в приложении Adobe Muse отображается запрос на настройку свойств сайта. Это атрибуты, которые применяются ко всем страницам сайта, например значения макета и оформление гиперссылок. Тем не менее, каждая страница также имеет индивидуальные свойства, которые можно настроить для добавления специальных атрибутов. Например, можно настроить «Параметры меню», чтобы определить, будет ли страница отображаться в меню, и обновить метаданные, которые добавляются в исходный код, но не отображаются в браузере.
Выполните следующие действия, чтобы обновить свойства определенной страницы:
В диалоговом окне Свойства страницы откройте вкладку Метаданные , в полях которой можно ввести информацию о метаданных.
Нажмите поле Описание для ввода терминов, наиболее соответствующих содержимому сайта. Например, при разработке страницы о собаках, спасенных от усыпления или жестокого обращения, можно ввести короткое описание страницы «Спаси собаку и найди лучшего друга. Мы крупнейшая организация по спасению лабрадоров-ретриверов в Северной Калифорнии, занимающаяся поиском хозяев для преданных собак».
Нажмите поле Ключевые слова для ввода терминов, наиболее соответствующих содержимому сайта. Например, при разработке страницы о собаках можно ввести ключевые слова, соответствующие содержимому страницы, такие как «спасенные собаки в Калифорнии», «лабрадоры-ретриверы», «черные лабрадоры», «коричневые лабрадоры», «медицинская помощь собакам», «уход за собаками», «приюты для собак».
При обновлении поля Имя страницы следует помнить, что имя страницы является подписью, которая отображается в виджетах «Меню» на всем сайте.
Поле Заголовок страницы по умолчанию содержит имя страницы. Заголовок страницы отображается в окне браузера, на вкладках браузера и в списке закладок (в зависимости от используемого сайта). Чтобы изменить его, снимите флажок рядом с параметром Как имя страницы и введите новый заголовок страницы.
Завершив обновление метаданных, нажмите «ОК», чтобы закрыть диалоговое окно Свойства страницы .
После помещения на страницу изображений в диалоговом окне Свойства изображения можно настроить заголовок и альтернативный текст (также называемый alt-текстом), которые будут применены к изображению.
Ниже приведено краткое описание каждого свойства.
Заголовок : в большинстве браузеров заголовок отображается в дополнение к изображению, обычно в виде всплывающей подсказки, которая появляется при наведении курсора на изображение.
Альтернативный текст : если файл изображения не может быть отображен, этот текст отображается вместо изображения. Альтернативный текст также используется для описания изображений для посетителей с ослабленным зрением, использующих для доступа к содержимому страниц вспомогательные технологии.
Заголовки и альтернативный текст лучше всего настраивать для каждого ресурса сайта, чтобы предоставить посетителям наилучшие способы навигации по сайту. Всплывающие подсказки позволяют добавить дополнительную информацию о графике, а альтернативный текст повышает доступность страниц для программ чтения с экрана, которые преобразуют графическое содержимое в речевое.
Для добавления заголовков и альтернативного текста выполните следующие действия.
Откройте консоль разработчика FIrefox(Ctrl+Shift+K), Chrome(Ctrl+Shift+I)
Перейдите на вкладку Network
Перегрузите страницу
Вы увидите что-то вроде: i.imgur.com/WwUvbRn.jpg
Как видно, задержка вызвана не вашим хостом, а хостом шрифтов и timer.js.
Просто перенесите эти файлы на свой хост. Ну или переключитесь на репозиторий Google.
Шрифт весит полтора мегабайта! Тут, ничем не помогу.
У вас на лендинге загружается около 100 изображений, даже при их мизерном размере это длинная очередь.
Файл с надписью "заказать" в 100 экземплярах!
А как перенести этот шрифт к себе на сервер, и скрипт таймера ? Я вчера добавил прелоадер, вроде стало лучше. Скажите, так, с Вашей точки зрения, сайт грузится реально долго, или нормально ? Будет ли потенциальный клиент ждать загрузки ?
С прелоадером стало еще хуже. Я бы на месте клиента - ушел. Перетащите все скрипты в конец документа. Чтоб перенести их к себе на сервер, просто скачайте их, загрузите на свой хостинг и пропишите путь. В дополнение, отрежьте весь "магазин" и грузите его аяксом когда страница отобразится.
Мак Алексей: может Вы сможете мне в этом помочь? Сколько эти правки Вы можете оценить по стоимости. Добить бы хотя бы до 3-5 секунд. Просто стандартными средствами muse этого не сделать, а руками я не умею -(
Улучшенные функции Adobe Muse CC 2014.3 | Февраль 2015 г.
Adobe Muse теперь поддерживает дисплеи HiDPI, работающие под управлением Windows. При использовании устройств HiDPI под управлением Windows вы заметите значительное повышение четкости интерфейса Adobe Muse.
HiDPI является аббревиатурой High Dots Per Inch. Этот термин служит для обозначения экранов с высокой плотностью пикселей или просто с высоким разрешением. Благодаря такой плотности пикселей текст и графика отображаются с более высокой степенью детализации, чем на обычных дисплеях. Например, дисплеи Retina компании Apple, которыми оснащаются устройства iPhone, iPad, iPod touch, некоторые устройства под управлением Windows и многие другие, позволяют отображать текст и графику в высоком разрешении.
В приложении Adobe Muse можно создавать версии сайтов, которые будут отображаться на экранах с высоким разрешением (HiDPI), таких как дисплеи Retina компании Apple.
Воспользоваться преимуществами HiDPI в приложении Muse очень просто.
- Установите для параметра разрешения значение HiDPI
- Создайте изображения, размер которых будет, по крайней мере, в два раза больше того, который используется для их отображения на сайте
При отправке или экспорте версии HiDPI сайта из приложения Muse генерируемый код будет включать как обычные, так и увеличенные в 2 раза изображения, а также будет автоматически определять, какие изображения следует использовать при просмотре сайта на дисплее HiDPI или на стандартном дисплее.
В меню выбора разрешения в диалоговом окне нового сайта имеется возможность выбрать стандартное разрешение или HiDPI (высокое разрешение).
Настройку разрешения можно изменить после создания сайта, выбрав пункт меню Файл > Cвойства сайта .
Чтобы реализовать в своем сайте поддержку всех возможностей HiDPI, в ресурсах сайта должно храниться достаточно данных для их отображения в высоком разрешении. Для отображения в формате HiDPI размер ресурса должен не менее чем в два раза превышать размер, в котором он будет отображаться на сайте.
Создать изображения увеличенного размера достаточно просто. Для этого размер такого ресурса должен не менее чем в два раза превышать свой размер, в котором он будет отображаться на экране. Например:
При помещении ресурса HiDPI на холст веб-страницы приложение Adobe Muse оптимизирует такое изображение, уменьшая его размер до 50%. Это позволяет не только упростить работу над дизайном сайта, но и сделать ее более эффективной. На панели «Ресурсы» такие изображения помечаются значком «2x». Обратите внимание, что Adobe Muse сохраняет данные исходного ресурса, чтобы отображать его с высокой плотностью пикселей при просмотре на экране HiDPI. Растрированный текст, так же как и эффекты, выходные данные которых являются изображениями, будет автоматически генерироваться приложением Adobe Muse в размере 2x и в стандартном размерах при публикации или при экспорте.
Чтобы убедиться в том, что ресурсы имеют размер 2x (т. е. содержат достаточно данных для отображения в высоком разрешении), откройте панель «Ресурсы» ( Окно > Ресурсы ). Если в ресурсе хранится достаточно данных, рядом с ним отображается значок «2x». Если такой значок отсутствует, то в ресурсе нет достаточно данных для отображения в высоком качестве и он будет отображаться в стандартном разрешении.
Экспорт изображений HiDPI
В особых случаях Adobe Muse не экспортирует изображение в высоком разрешении, т. е. изображение с данными 2x. Когда масштаб изображений изменяется для заполнения по размерам контейнеров (например, для страниц с фоновыми изображениями, слайд-шоу, отображаемых во весь экран и т. д.), приложение Adobe Muse не экспортирует версию HiDPI такого изображения при публикации сайта. В частности, в указанных ниже сценариях экспортируется только стандартная версия изображения.
- Ширина 100%: По размеру/масштабировать с заполнением
- Полноэкранные слайд-шоу: По размеру/масштабировать с заполнением
- Фоновое изображение для окна браузера или страницы: По размеру/масштабировать с заполнением
Благодаря дисплеям HiDPI посетители сайта могут просматривать графическое веб-содержимое высочайшего качества, используя больше данных изображения. Размер сайта с увеличенными в 2 раза изображениями в четыре раза превышает размер сайта с изображениями стандартного разрешения. Для просмотра изображений HiDPI посетителям требуется загружать в четыре раза больше данных. Чтобы ускорить отображение сайтов HiDPI, приложение Muse экспортирует как ресурсы HiDPI, так и ресурсы стандартного разрешения. Сначала загружаются ресурсы стандартного разрешения, тогда как ресурсы HiDPI загружаются постепенно поверх своих стандартных версий.
Несмотря на то что подход с постепенной загрузкой ресурсов удобен для многих посетителей сайта, это может оказаться проблематичным для тех, кто использует тарифный план, учитывающий объем загружаемого трафика или ограниченное подключение либо для пользователей, для которых установлены квоты на загрузку содержимого из Интернета. Для таких посетителей целесообразно добавить на сайт виджет с кнопкой включения и отключения режима HiDPI. Если на странице имеется такая кнопка, то сначала загружается версия страницы в стандартном разрешении, и кнопка HiDPI будет отображаться в выключенном положении. После нажатия посетителем кнопки HiDPI для всех страниц, на которых она имеется, начнется загрузка изображений HiDPI. Это будет продолжаться до тех пор, пока посетитель сайта не отключит режим HiDPI, не закроет браузер или не очистит кэш файлов cookie. При просмотре страниц, на которых нет кнопки включения и отключения режима HiDPI, на дисплеях HiDPI или Retina всегда будут загружаться изображения HiDPI. При просмотре сайта на обычном дисплее эта кнопка будет недоступна, и загружаться будут только изображения в стандартном разрешении.
Начните работу в Adobe Muse. Узнайте, как работать с файлами .muse, настраивать параметры страниц, добавлять значки сайта и многое другое.
После входа в приложение запускается рабочая среда Adobe Muse. Отобразится экран приветствия Adobe Muse. Выполните одно из следующих действий:
- Нажмите «Создать новый», чтобы создать сайт.
- Нажмите «Открыть» и перейдите к существующему файлу .muse на вашем компьютере.
При выборе пункта для создания нового сайта появится диалоговое окно «Новый сайт». Выберите параметр «Гибкое значение ширины», чтобы включить адаптивный макет, или параметр «Постоянная ширина», чтобы включить альтернативный макет. Окно содержит поля, позволяющие настроить максимальную ширину страницы, столбцы и значение средника.
Настройки можно изменить в любое время в меню «Файл» > «Свойства сайта».
По окончании нажмите кнопку «ОК», чтобы закрыть диалоговое окно.
В верхней части отображаются ссылки на различные разделы интерфейса: «План», «Дизайн» и «Опубликовать».
Более подробную информацию об использовании интерфейса приложения и проектировании веб-сайтов с помощью Adobe Muse см. в руководствах «Начало работы с Adobe Muse» и «Создание первого веб-сайта с помощью Adobe Muse».
При разработке веб-сайтов в других приложениях, таких как Dreamweaver, вы создаете на компьютере папку, содержащую вложенные папки с файлами всего содержимого сайта. Управление всем набором элементов и обеспечение правильной работы всех ссылок сайта может представлять сложности.
Также можно создать файл .muse и опубликовать временный сайт. А затем предоставить коллегам общий доступ к файлу .muse. Они могут открыть его, выбрав меню «Файл» > «Сохранить как», и вносить изменения в свою копию, в то время как вы будете продолжать работать со своей копией. При этом изменения коллег будут сохраняться в новом опубликованном ими временном сайте. Однако при таком рабочем процессе две версии сайта не будут синхронизированы — ваша версия файла .muse не будет обновляться изменениями, внесенными коллегами, и наоборот.
При каждом внесении значительных изменений в существующий веб-сайт рекомендуется всегда сохранять копию файла .muse с помощью меню «Файл» > «Сохранить как». При создании нового файла .muse немного измените его имя и храните все копии файла .muse в одной папке на компьютере. Таким образом, если клиенту больше понравится первоначальная версия сайта, вы всегда сможете открыть соответствующий файл .muse с предыдущим дизайном и опубликовать его, чтобы вернуть сайт к прежнему виду.
Также рекомендуется чаще сохранять файл .muse во время работы. В случае сбоя приложения Adobe Muse при его следующем запуске обычно открывается восстановленная версия файла .muse с последними изменениями. В этом случае сразу сохраните восстановленную версию файла .muse, а затем приступайте к редактированию. Обязательно сохраняйте файлы .muse в безопасном месте и создайте их резервные копии, поскольку каждый файл содержит целый веб-сайт. Если вы потеряете файл .muse и у вас не будет резервной копии, вы не сможете восстановить файл .muse, загрузив файлы сайта, размещенные на сервере.
Большинство веб-дизайнеров предпочитают сохранять файлы .muse с описательными именами, например my_site_v1.muse и my_site_v2.muse. Также в имя файла .muse можно добавить дату его создания, чтобы было легче найти более старую версию, например my_site_2012-4-13.muse и my_site_2012-4-30.muse. Называть файлы можно любым удобным для вас способом.
Выполните следующие действия, чтобы создать новый сайт и определить свойства сайта.
Читайте также: