Сайт

Проверить скорость работы сайта google: Оптимизация на Page-speed.ru: показатель google pagespeed insights

29.12.2018

Содержание

Оптимизация на Page-speed.ru: показатель google pagespeed insights

Правда о важности оценки Google PageSpeed

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

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

Исследования Google

Давайте рассмотрим некоторые недавние исследования: согласно Google среднее время, затрачиваемое на загрузку мобильной целевой страницы, составляет 15 секунд. Учитывая, что в течение трех секунд посетители должны решить, хотят ли они оставаться на вашем сайте – это огромное расхождение.

Исходя из данных, представленных выше, мы видим, что вероятность ухода со страницы во многой степени зависит от времени ее загрузки:

  •  При времени загрузки от 1 до 3 секунд вероятность отказа увеличивается до 32%
  •  От 1 до 5 секунд до 90%
  •  От 1 до 10 секунд вероятность отказа уже 123%
  • Не трудно догадаться, какое количество посетителей мы теряем.

Скорость страниц будет важным фактором для ранжирования

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

А не так давно был анонсирован новый фактор ранжирования в мобильном поиске под названием «Speed Update». Обновление вступит в силу в июле 2018 года, поэтому у владельцев сайтов будет время подготовиться.

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

Так же не стоит забывать, что скорость сайта – это один из многих факторов ранжирования.

К примеру, если у вас хорошо оптимизирована страница по Google PageSpeed, но имеет малополезный неуникальный контент – то навряд ли она сможет занять достойные позиции в поисковиках.

Несколько советов по увеличению скорости загрузки

  •  1. Используйте кэширование в браузере и сжатие gzip/deflate. В случае, если у вас стоит apache, это настраивается в htaccess.
  •  2. Оптимизируйте изображения. Удаление ненужной информации и сжатие картинок способны значительно уменьшить их вес.
  •  3. Сократите ресурсы javascript, css, html код. Если сайт находится в стадии разработки, то для удобства редактироватия кода этот пункт лучше оставить на потом.
  •  4. Используйте новую версию протокола HTTP/2. Он более эффективен, надежен и подвержен меньшему количеству ошибок.
  •  5. Переходите на PHP7. Работает более чем в два раза быстрее, чем его предшествующая версия.

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

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

проверьте показатели вашего сайта — Сервисы на vc.ru

{«id»:113373,»url»:»https:\/\/vc.ru\/services\/113373-novyy-google-pagespeed-insights-proverte-pokazateli-vashego-sayta»,»title»:»\u041d\u043e\u0432\u044b\u0439 Google PageSpeed Insights: \u043f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0438 \u0432\u0430\u0448\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430″,»services»:{«facebook»:{«url»:»https:\/\/www.facebook.com\/sharer\/sharer.php?u=https:\/\/vc.ru\/services\/113373-novyy-google-pagespeed-insights-proverte-pokazateli-vashego-sayta»,»short_name»:»FB»,»title»:»Facebook»,»width»:600,»height»:450},»vkontakte»:{«url»:»https:\/\/vk.com\/share.php?url=https:\/\/vc.ru\/services\/113373-novyy-google-pagespeed-insights-proverte-pokazateli-vashego-sayta&title=\u041d\u043e\u0432\u044b\u0439 Google PageSpeed Insights: \u043f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0438 \u0432\u0430\u0448\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430″,»short_name»:»VK»,»title»:»\u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435″,»width»:600,»height»:450},»twitter»:{«url»:»https:\/\/twitter.

com\/intent\/tweet?url=https:\/\/vc.ru\/services\/113373-novyy-google-pagespeed-insights-proverte-pokazateli-vashego-sayta&text=\u041d\u043e\u0432\u044b\u0439 Google PageSpeed Insights: \u043f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0438 \u0432\u0430\u0448\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430″,»short_name»:»TW»,»title»:»Twitter»,»width»:600,»height»:450},»telegram»:{«url»:»tg:\/\/msg_url?url=https:\/\/vc.ru\/services\/113373-novyy-google-pagespeed-insights-proverte-pokazateli-vashego-sayta&text=\u041d\u043e\u0432\u044b\u0439 Google PageSpeed Insights: \u043f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0438 \u0432\u0430\u0448\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430″,»short_name»:»TG»,»title»:»Telegram»,»width»:600,»height»:450},»odnoklassniki»:{«url»:»http:\/\/connect.ok.ru\/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https:\/\/vc.
ru\/services\/113373-novyy-google-pagespeed-insights-proverte-pokazateli-vashego-sayta»,»short_name»:»OK»,»title»:»\u041e\u0434\u043d\u043e\u043a\u043b\u0430\u0441\u0441\u043d\u0438\u043a\u0438″,»width»:600,»height»:450},»email»:{«url»:»mailto:?subject=\u041d\u043e\u0432\u044b\u0439 Google PageSpeed Insights: \u043f\u0440\u043e\u0432\u0435\u0440\u044c\u0442\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0438 \u0432\u0430\u0448\u0435\u0433\u043e \u0441\u0430\u0439\u0442\u0430&body=https:\/\/vc.ru\/services\/113373-novyy-google-pagespeed-insights-proverte-pokazateli-vashego-sayta»,»short_name»:»Email»,»title»:»\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c \u043d\u0430 \u043f\u043e\u0447\u0442\u0443″,»width»:600,»height»:450}},»isFavorited»:false}

4690 просмотров

Скорость загрузки страницы сайта и как ее проверить

Автор Александр Брушкивский На чтение 5 мин. Просмотров 2.6k. Опубликовано Обновлено

Скорость загрузки страницы — это один из важнейших показателей сайта и весомый сигнал для поисковых систем. Как ни старайтесь оптимизировать сайт, но если он долго загружается — не видать ему ТОП поисковой выдачи.

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

Разберем самый популярный сервис для анализа скорости загрузки страниц сайта.

Google PageSpeed Insights — проверка скорости загрузки страницы сайта

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

Для анализа сайта перейдите по ссылке — https://developers.google.com/speed/pagespeed/insights/

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

Google PageSpeed очень полезен тем, что помимо собственно анализа в нем приводятся рекомендации по увеличению скорости загрузки сайта.

Рекомендации обычно у всех стандартные:

  • Сократите время ответа сервера — если хостинг у вас слабоват, стоит задуматься о переезде на более мощный.

  • Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы

  • Используйте кеш браузера

  • Сократите CSS

  • Оптимизируйте изображения — это обычно сильно повышает показатель по PageSpeed Insights

  • Сократите JavaScript

  • Включите сжатие

Если Выполнить хотя бы часть рекомендаций, можно хорошо поднять этот показатель.

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

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

Помимо сервиса от Google для анализа скорости загрузки страниц, есть еще некоторые сервисы, но они уже скорее на любителя. Часть из них являются производной от первого и работают на основе его api.

Сервисы для анализа скорости загрузки сайта

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

Каждый сервис по своему интересен, и показывают они различных показатели. Большинство показывают именно сколько загрузки страницы в секундах и размер документа в килобайтах. Только сервисы PageSpeed Insights и GTMetrix показывают усредненное процентное соотношение, что очень удобно.

Как улучшить скорость загрузки страниц сайта

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

Оптимизация изображений

Проверьте, а не весят ли картинки сайта на слайдере главной страницы или в других блоках по несколько мегабайт — и такое бывает!

Я на практике сталкивался с таким — разработчики или владельцы сайта в последующем, загружали на сайт картинки прямо с фотоаппарата и представляете сколько они весят?!

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

Во-первых подгоняю размер изображения под нужный мне на сайте. Нет смысла в картинке 2000 пикселей по ширине, если она будет сжата на сайте до 800 пикселей.

Также обратите внимание на разрешение изображения. Если фото напрямую с фотоаппарата, то этот показатель скорее всего 300 dpi и можно смело его уменьшать до 72 dpi — этого более чем достаточно для сайта.

В фотошопе я сохраняю картинку в режиме «Сохранить для Web» — это также плюс оптимизации изображения.

Сокращение время ответа сервера

Как правило вся причина долго ответа сервера именно в самом хостинге. Большинство проектов используют обычный шаред хостинг и ждут от него супер производительности. Этого не будет.

Даже если Вы смотрите в сторону смены хостинга, выбирайте тот, что хотя бы работает на SSD дисках — это уже большой плюс к скорости будет. Я сначала для клиента, а затем и сам перебрался на fornex.com

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

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

Используйте кэширования страниц сайта

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

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

Если Ваш сайт сделан на wordpress, то наилучшим решением будет плагин WP Fastest Cache, но будьте осторожны — плагин может конфликтовать с некоторыми скриптами. Например, недавно начал сильно тупить слайдер на сайте клиента, оказалось что именно данный плагин перестарался с кэшированием. Но в целом такие случаи единицы и можете попробовать на своем проекте.

На этом пожалуй все. Быстрых сайтов всем моим читателям!

Как проверить скорость своего браузера

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

Peacekeeper

Peacekeeper является одним из наиболее широко известных инструментов для проверки браузеров. И это не удивительно, ведь к его созданию приложила руку компания Futuremark — разработчики 3DMark и PCMark. Помимо проверки скорости выполнения JavaScript, Peacekeeper тестирует также совместимость с HTML 5 и воспроизведение видео. Peacekeeper выполняет тест в течение приблизительно пяти минут, а после его завершения выдаёт общую оценку скорости вашего браузера.

Peacekeeper

Internet Explorer Test Drive

Internet Explorer Test Drive является бенчмарком от Microsoft. Он предназначен для измерения производительности браузера и предлагает на стартовой странице несколько десятков различных тестов для проверки скорости обработки HTML, CSS и JavaScript. Хотя, как понятно из названия, данный сборник тестов оптимизирован для IE, он вполне успешно работает и в других браузерах.

Internet Explorer Test Drive

Octane

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

Octane

Dromaeo

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

Dromaeo

Speed-battle

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

Speed-battle

HTML5 Test

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

HTML5 Test

Browsermark

В отличие от нескольких предыдущих тестов, созданных производителями браузеров и поэтому внушающих определённые сомнения по поводу их объективности, этот пакет создан независимыми разработчиками и уже поэтому заслуживает нашего внимания. Сервис ориентирован на измерение производительности в приближённых к реальной жизни задачах с использованием CSS, DOM, Graphics, JavaScript и фреймворков.

Browsermark

Ну а теперь, когда оружие роздано, а ставки сделаны, пора, господа, перейти к дуэли. Итак, какой же браузер всех умнее, краше и быстрее? Просьба подкреплять свои доводы скриншотами с результатами тестов.

Как повысить показатель скорости страницы Google 🚀

Одним из факторов, который играет решающую роль в обеспечении удобства пользователей, является скорость страницы. С помощью бесплатного и простого в использовании инструмента, такого как Google PageSpeed ​​Insights, вы можете мгновенно узнать скорость своей страницы, а также получить действенные советы по повышению скорости вашей страницы Google.

Если вы готовы узнать больше, продолжайте читать, потому что эта статья охватывает:

  • Почему важна скорость страницы
  • Как использовать PageSpeed ​​Insights
  • Как повысить скорость вашей страницы Google
  • и более

Если вам нужна помощь в ускорении вашего сайта, WebFX предлагает услуги по оптимизации скорости страницы, которые могут улучшить ваш пользовательский опыт, а также оценку Google PageSpeed ​​Insights. Свяжитесь с нами онлайн или позвоните нам по телефону 888-601-5359 , чтобы узнать больше сегодня!

Почему скорость страницы имеет значение?

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

1. Пользователи ненавидят медленно загружаемые страницы

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

«Компании теряют потенциальных клиентов, потому что пользователи не хотят ждать загрузки страниц».

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

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

2. Пользователи проводят меньше времени на вашей странице, если она медленная

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

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

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

3. Это влияет на коэффициент конверсии

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

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

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

В среднем повышение скорости страницы на одну секунду увеличивает коэффициент конверсии на семь процентов. Если вы зарабатываете 100 долларов в день, вы теряете 2555 долларов в год из-за того, что ваша страница будет на секунду медленнее.

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

4. Это влияет на ваш SEO-рейтинг

Если вы используете поисковую оптимизацию (SEO), скорость страницы является ключевым элементом. Google признает, что скорость страницы является важным элементом для пользователей, и начал двигаться к тому, чтобы сделать скорость страницы главным фактором ранжирования для пользователей SEO.

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

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

5. Это влияет на ваш показатель качества

Вы проводите кампанию с оплатой за клик (PPC)? В таком случае скорость вашей страницы повлияет на показатель качества вашего объявления.

Когда вы создаете кампанию PPC, ваша максимальная ставка и показатель качества определяют размещение вашей рекламы. Если ваш показатель качества снизится, это снизит позицию вашего объявления и потенциально увеличит ваши затраты на клик (CPC).

«Медленные страницы могут снизить показатели качества рекламы, что может привести к увеличению затрат на клик и снижению коэффициента конверсии».

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

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

6. Это первое впечатление о вашем бизнесе у пользователей.

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

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

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

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

Что такое Google PageSpeed ​​Insights?

Google PageSpeed ​​Insights — один из лучших инструментов, помогающих улучшить скорость вашего сайта. Этот инструмент поможет вам точно определить проблемы с вашим сайтом и позволит вам внести изменения для его улучшения.

С помощью PageSpeed ​​Insights вы можете проверить скорость своих страниц с точки зрения мобильных устройств и компьютеров.Затем ваш отчет PageSpeed ​​Insights предоставит рекомендации по повышению скорости вашей страницы Google.

Как использовать Google PageSpeed ​​Insights

При первом входе в PageSpeed ​​Insights вы увидите панель, в которой вы можете ввести URL своего веб-сайта. Вам нужно ввести URL своей домашней страницы в эту строку и нажать «Анализировать». Google просканирует ваш сайт за несколько секунд.

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

Внутри системы показателей Google PageSpeed ​​Insights

Когда вы перейдете на экран результатов Google PageSpeed ​​Insights, вы увидите две оценки.

Один — это рейтинг скорости вашей страницы, а другой — рейтинг оптимизации.

Рейтинг скорости страницы

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

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

При скорости вашей страницы вы увидите два разных числа:

  • First Contentful Paint (FCP) : FCP измеряет, сколько времени требуется пользователям, чтобы увидеть визуальный ответ от вашей страницы.На приведенном выше примере фотографии пользователи видят ответ содержания за одну секунду.
  • DOM Content Loaded (DCL) : DCL измеряет, когда ваши HTML-документы загружены. Вы хотите, чтобы это число было низким (например, 1,2 секунды на фото в примере), так как это приводит к снижению показателя отказов. Как мы обсуждали ранее, более низкий показатель отказов является признаком удержания потенциальных клиентов и увеличит ваш SEO-рейтинг на страницах результатов поисковых систем.
Оценка оптимизации

Затем вам нужно посмотреть свой показатель оптимизации.Эта оценка выставлена ​​на 100 баллов.

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

Ваша оценка оптимизации в основном сосредоточена на двух областях:

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

При использовании PageSpeed ​​Insights вы получите предложения по оптимизации. Это то, что вы можете сделать, чтобы улучшить свою страницу, чтобы улучшить восприятие вашей аудитории.

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

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

Просматривая свой отчет, вы также можете увидеть, какие элементы вы уже успешно используете. Это дает вам уверенность в том, что другие стратегии, которые вы реализуете на своем сайте, помогают ему улучшаться.

Когда вы смотрите на результаты PageSpeed ​​Insights, обратите внимание на результаты для настольных компьютеров и мобильных устройств. Эти страницы настроены по-разному, поэтому вы увидите разные оценки.Убедитесь, что вы улучшаете оба типа сайтов, чтобы получить максимальные результаты от своей кампании.

7 советов по повышению оценки PageSpeed ​​Insights

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

1.Оптимизируйте изображения на своей странице

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

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

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

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

2. Уменьшить количество и размер больших файлов

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

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

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

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

SEO-проверка скорости страницы: огромная ценность теста скорости страницы
3.Минимизировать CSS, JavaScript и HTML

Когда вы создаете свой сайт, вы используете код для его создания. Этот код создает структуру вашего сайта.

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

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

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

4. Уменьшить количество перенаправлений

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

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

Это касается и мобильных пользователей. Если у вас слишком много переадресации, вы замедляете работу сайта для мобильных пользователей и не позволяете им оставаться на ваших страницах.

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

5. Используйте кеширование браузера

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

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

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

6. Используйте сеть распространения контента (CDN)

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

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

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

PageSpeed ​​Insights в сравнении со службами скорости страницы

PageSpeed ​​Insights — отличный инструмент, который поможет вашей компании повысить скорость загрузки вашего сайта.Это дает вам возможность выявить проблемы и внести изменения.

Когда дело доходит до повышения скорости страницы вашего сайта, у вас есть два варианта. Вы можете использовать PageSpeed ​​Insights или инвестировать в сервисы скорости страницы.

Итак, в чем разница?

«PageSpeed ​​Insights требует, чтобы вы внесли рекомендуемые изменения. Сервисы скорости страницы вносят изменения за вас ».

При использовании PageSpeed ​​Insights необходимо самостоятельно вносить изменения.Предложения предоставляются Google, но вы должны внести изменения самостоятельно.

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

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

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

WebFX — компания, занимающаяся оптимизацией максимальной скорости загрузки страниц.

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

Мы — компания цифрового маркетинга, предлагающая полный спектр услуг и специализирующаяся на оптимизации скорости загрузки страниц. У нас есть команда из 150+ экспертов, которые преданы вашей кампании. Наша отмеченная наградами команда поможет вашей странице работать быстро и эффективно, чтобы привлечь потенциальных клиентов на ваш сайт.

Если вы ищете компанию, которая добивается результатов, не ищите дальше.На сегодняшний день мы привлекли наших клиентов к продажам на сумму более 1 миллиарда долларов и более 6,3 миллиона потенциальных клиентов. Мы стремимся ставить успех наших клиентов превыше всего.

Наши клиенты тоже любят нашу работу. Фактически, у нас есть более 550 отзывов клиентов из самых разных отраслей. Ознакомьтесь с ними, чтобы узнать, каково это сотрудничать с такой компанией, которая занимается оптимизацией скорости загрузки страниц, как WebFX!

Начните увеличивать скорость своей страницы Google уже сегодня

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

Мы надеемся помочь вашему бизнесу расти!

Вся правда о Google PageSpeed ​​Insights для Shopify

Привет, я Джо из Speed ​​Boostr. Мы ускоряем загрузку сайтов Shopify.

В этой статье я хочу развеять некоторые заблуждения, связанные с инструментом Google PageSpeed ​​Insights.

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

Ключевые моменты

  • Эта статья о Google PageSpeed ​​Insights применительно к сайтам Shopify
  • Скорость загрузки страницы важна
  • Оценка Google PSI не коррелирует с фактической скоростью загрузки страницы
  • Большинство сайтов Shopify со сторонними приложениями имеют низкие оценки по инструменту PSI
  • Вы не можете или не должны удалять все предупреждения PSI, если находитесь на сайте Shopify

📋 В этом руководстве

Важность скорости сайта

Очевидно, что медленный сайт ухудшает взаимодействие с пользователем.

Скорость сайта также играет важную роль в ключевых показателях:

  • Коэффициент конверсии
  • Рейтинг SEO
  • Трафик
  • Помолвка
  • Выручка

Если у вас сайт электронной коммерции, вот калькулятор рентабельности инвестиций и примеры из практики о влиянии скорости сайта на конверсии и доход.

Снижение скорости загрузки на 1 секунду может увеличить конверсию на 1–7%
— экстраполированные данные из этих тематических исследований

Скорость мобильной связи важна как никогда: в 2016 году использование мобильных устройств превысило использование настольных компьютеров во всем мире.

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

Алгоритм поиска Google теперь отдает предпочтение мобильным устройствам

Начиная с июля 2018 года скорость страницы стала фактором ранжирования для мобильного поиска. — Блог Google Webmasters

Начиная с 1 июля 2019 года, сначала мобильное индексирование включено по умолчанию для всех новых веб-сайтов.– Подготовка к мобильному первому индексированию

Откройте Google Search Console и просмотрите раздел Mobile Usability , чтобы убедиться, что на вашем сайте нет проблем, мешающих работе с мобильными устройствами.

Google Search Console также предоставляет отличные данные о вашей эффективности поиска (поисковые запросы, показы, клики, связанные страницы и т. Д.). Если вы не используете его, настройте его для своего сайта и подключите к своей учетной записи Google Analytics, чтобы получить больше информации о своем сайте и результатах поиска Google.

Инструменты анализа

Инструменты анализа

помогают автоматизировать процесс выявления проблем и возможностей оптимизации.

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

Вот несколько распространенных инструментов:

Что такое Google PageSpeed ​​Insights?

Google PSI — это инструмент, который анализирует веб-страницу и дает рекомендации, как сделать ее быстрее.

Введите любой URL и получите:

  • Общий балл для мобильных и настольных ПК
  • Данные скорости загрузки
  • Возможности оптимизации
  • Диагностика
  • Прошел аудит
  • Рекомендации по повышению производительности

Оценка

Оценка определяется запуском Google Lighthouse для сбора и анализа данных о странице.

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

По состоянию на июль 2019 года Lighthouse моделирует загрузку страницы в мобильной сети со следующими настройками:

  • Задержка: 150 мс
  • Пропускная способность: 1,6 Мбайт вниз / 750 Кбайт вверх
  • Потеря пакетов: нет

Ссылка: github. com / GoogleChrome / lighthouse / blob / master / docs / throttling.md

.

Для получения подробной информации о показателях оценки и расчетах, прочтите Руководство по подсчету очков Lighthouse и ознакомьтесь с этим листом взвешивания оценок Lighthouse.

Рекомендации

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

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

Используйте рекомендации как руководство для поиска возможностей оптимизации вашего сайта.

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

Google PSI Pros

  • Дает общий анализ возможностей оптимизации серверной части и внешнего интерфейса
  • Предлагает идеи оптимизации и анализ тенденций производительности

Google PSI против

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

Мое путешествие в Google PSI

На самом деле я запустил Speed ​​Boostr в результате оптимизации сайтов согласно Google PSI. Я был разработчиком Shopify в течение нескольких лет, поэтому большинство моих клиентов были магазинами Shopify.

Я обнаружил, что у большинства сайтов есть проблемы с оптимизацией (что привело к запуску Speed ​​Boostr).

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

В Speed ​​Boostr мы начали использовать Google PSI в качестве основного инструмента для анализа и тестирования сайтов.

Затем мы обнаружили ошибки в системе оценки, и нам пришлось отсеять много нерелевантной информации для нашей основной клиентской базы (сайты Shopify).

Мы также потратили много времени, пытаясь очистить каждое предупреждение, и поняли 2 вещи:

  1. Удаление некоторых предупреждений занимает довольно много времени с незначительными последствиями
  2. Удаление всех предупреждений невозможно на сайтах Shopify

Итак, мы усовершенствовали наш набор инструментов: WebPageTest для статистики и сравнительного анализа, GTmetrix для более точной индикации возможностей оптимизации и Pingdom для быстрого обзора.

Это были лучше, но все же инструменты общего назначения.Наше внимание уделяется сайтам Shopify, а специального инструмента анализа Shopify не существовало.

Итак, мы создали собственное решение, основанное на общих передовых методах работы + то, что можно оптимизировать на сайте Shopify. Это инструмент Shopify Analyzer.

Система оценки Shopify Analyzer смоделирована на основе сотен сайтов Shopify, которые мы оптимизировали. Это дает вам значимый счет и цели, к которым нужно стремиться.

Google доминирует в поиске и в Интернете, поэтому по-прежнему важно уделять внимание их содержанию и инструментам.Я считаю, что это не лучший инструмент для сайтов Shopify.

Почему мы не используем Google PSI для сайтов Shopify

Мне нравится инструмент PSI для получения информации и максимальной оптимизации определенных проектов, но для сайтов Shopify он не очень полезен.

Что ?!

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

Вот почему:

  • PSI не заботится о доходах вашего магазина
  • PSI — это общий инструмент, не относящийся к сайтам Shopify
  • Сторонние приложения снизят ваш счет
  • Оценка
  • PSI не соответствует фактической скорости
  • Некоторые предупреждения нельзя или не следует устранять

Что для вас как владельца бизнеса важнее? Повышение продаж и повышение качества обслуживания клиентов или идеальная оценка с помощью инструмента анализа?

Это оптимизации, которые, я думаю, должен реализовать каждый сайт Shopify (в порядке важности):

  1. Реализовать отложенную загрузку (отложить закадровые изображения)
  2. Анализируйте загруженные ресурсы (также известный как водопад)
  3. Удалите лишние приложения , которые не работают должным образом (обязательно удалите из кода темы)
  4. Сжать изображения
  5. Не используйте большие ресурсы выше линии (например, слайдеры или видео)
  6. Условно загружать скрипты только на те страницы, которые они используют
  7. Загрузка изображений разумного размера (масштабирование сервера)
  8. Минимизируйте файлы CSS и JavaScript
  9. По возможности используйте веб-шрифты . Если вам необходимо использовать внешние шрифты, старайтесь использовать максимум 1-3
  10. Отложить загрузку некритичных сценариев вверху страницы
  11. Исправить ошибки сервера, неработающие ссылки и ошибки javascript
  12. Обратитесь к сторонним разработчикам , если вы обнаружите проблемы с производительностью в их приложении

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

Мы ориентируемся на фактические показатели производительности (скорость загрузки, вес страницы, количество запросов) и используем WebPageTest.org в качестве надежного стороннего инструмента для тестирования производительности, чтобы показать результаты.

Оценка

PSI и ее связь с SEO

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

Общеизвестно: скорость загрузки является фактором в поисковой выдаче Google .

Оценка Google PSI не коррелирует с фактической скоростью загрузки .Вот пример для иллюстрации: Пример: показатель Google PSI не равен скорости загрузки страницы.

Я считаю, что Google будет ранжировать сайты выше, если они будут на быстрее , а не если они на наберут более высокий балл в инструменте анализа .

Мне не удалось найти никаких доказательств или тематических исследований от Google, но если они у вас есть, поделитесь ими в комментариях. Или кто-нибудь из Google, сообщите нам об этом

🙂

PSI Пояснения к предупреждениям

Некоторые из них можно «исправить» на сайтах Shopify, но я бы не стал тратить время и деньги, пытаясь удалить эти предупреждения с помощью инструмента PSI.

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

Google говорит о WebP уже несколько лет, но до сих пор не получил широкого распространения.

На Unite 2019 Shopify объявил, что скоро появится поддержка WebP, но в настоящее время не поддерживается .

Я еще не уверен насчет WebP. Он до сих пор не получил широкого распространения (вам нужно было включить резервный код), и я провел несколько экспериментов и обнаружил, что WebP по сравнению с JPG или PNG не дает каких-либо значительных различий в весе файла при сжатии изображений с помощью tinypng.com.

Если у кого-то есть инструмент, который может конвертировать в WebP с тем же разрешением и меньшим весом файла, чем TinyPNG, дайте мне знать.

Избегайте чрезмерного размера DOM

Разработчики браузеров рекомендуют, чтобы страницы содержали менее ~ 1500 элементов DOM.– Google PSI

Это справедливое предупреждение, и я согласен с этим.

Дело в том, что с сайтами Shopify у вас мало контроля над этим. Скудная тема поможет свести элементы DOM к минимуму, но сторонние приложения для магазина становятся частью вашего сайта, и вы не можете контролировать этот код.

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

Не переживайте из-за того, что не можете контролировать.

Удалить неиспользуемый CSS

Удалите мертвые правила из таблиц стилей и отложите загрузку CSS, не используемого для верхнего содержимого, чтобы уменьшить количество ненужных байтов, потребляемых сетевой активностью. — Google PSI

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

Для меня это звучит довольно скучно, и это не лучший способ использовать время.

Если вы создаете сайт с нуля, у вас может не быть этой проблемы, но если вы используете Shopify, я могу предположить, что a) вы не используете 100% настраиваемую тему и b) вы используете Сторонние приложения . В случае изменения сторонних ресурсов это становится более трудоемким и часто невозможным.

Если вы хотите определить неиспользуемые CSS и JavaScript на странице, вы можете открыть вкладку «Покрытие» в Chrome Dev Tools:

  1. Откройте Chrome Dev Tools (здесь ярлыки)
  2. Нажмите Esc , чтобы открыть ящик
  3. Щелкните вкладку Покрытие
  4. Нажмите кнопку перезагрузить на вкладке «Покрытие»
  5. Щелкните файл

Chrome Dev Tools «преобразит» файл, чтобы он стал читабельным (если он был уменьшен).Теперь вы можете проанализировать файл так:

В этом примере я открыл файл bootstrap.min.css на сайте analysis.speedboostr.com. Этот файл является фреймворком CSS для этого приложения.

На вкладке Dev Tools Coverage зеленый цвет означает, что код был выполнен, красный — нет.

На этом скриншоте 2 урока:

  1. На этой странице не используются элементы hr , поэтому они не нужны в файле CSS
  2. Я вижу, что большая часть этого файла CSS не используется на этой странице

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

Но пункт №2 напомнил мне, что когда я впервые создавал интерфейс для этого приложения, я использовал полный файл CSS Bootstrap для ускорения разработки.

Сейчас я не использую все элементы в этом файле, поэтому мне, вероятно, следует переключиться на пользовательскую сборку Bootstrap, чтобы минимизировать количество элементов в моем файле Bootstrap.

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

Альтернативная тактика — использовать PurifyCSS Online.Это бесплатное веб-приложение идентифицирует неиспользуемый CSS и дает хорошее визуальное сравнение правил, которые потенциально могут быть удалены.

Устранение ресурсов, блокирующих рендеринг

Ресурсы блокируют первую отрисовку вашей страницы. Рассмотрите возможность доставки критических JS / CSS в строку и отсрочку всех некритических JS / стилей. — Google PSI

Идея критического CSS / JS:

  • Загружать только те ресурсы, которые необходимы для содержимого верхней части страницы head
  • Отложить некритические CSS / JS для загрузки ниже сгиба
  • Это может ускорить загрузку верхней части страницы, увеличивая воспринимаемое время загрузки

Это хорошая рекомендация в теории.

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

Как устранить ресурсы, блокирующие рендеринг, и реализовать критический CSS:

  1. Определите критический CSS, необходимый для страницы. Вот бесплатный инструмент
  2. Вставьте критический встроенный CSS в раздел head . Для Shopify вы, вероятно, захотите условно загрузить его в свою тему.жидкий файл.
  3. Переместите исходные вызовы файлов CSS под сгиб, чтобы содержимое над сгибом загружалось первыми.
  4. Протестируйте страницу, затем примените для следующей страницы / шаблона

Вы можете заметить сбои в макете, например, если вы прокручиваете страницу вниз и обновляете страницу (вы можете увидеть нестилизованный контент под сгибом во время загрузки страницы). Иногда это можно исправить, переместив положение полного файла CSS или переместив определенные элементы в критически важный встроенный раздел.

С помощью этого бесплатного критически важного генератора CSS вам необходимо загрузить страницу и вставить файлы CSS. Для более автоматизированного решения и получения дополнительной информации посетите CriticalCSS.com

Как устранить ресурсы, блокирующие рендеринг, и реализовать критический JS:

  1. Отложить или асинхронно загрузить каждый код JavaScript в разделе, по одному за раз
  2. Протестируйте, посетив каждый шаблон страницы и открыв консоль Chrome Dev Tools, чтобы увидеть, появляются ли какие-либо ошибки JavaScript
  3. Если ваш макет выглядит хорошо и ошибок консоли нет, вы должны быть готовы продолжить этот сценарий

Есть 2 тактики, которые я использую для откладывания скриптов:

  • a) Прикрепите к скрипту атрибут async (я предпочитаю его, потому что он чище и делает скрипт доступным быстрее)
  • б) Физически переместите скрипт в нижний колонтитул страницы.Это хорошо для скриптов, которые не связаны с содержимым страницы (предостережение: некоторые скрипты отслеживания не будут работать должным образом, если их переместить в нижний колонтитул)

Чтобы асинхронно загрузить сценарий, просто присоедините async к вызову сценария:


 

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

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

Для сайтов Shopify я рекомендую попытаться отложить скрипты в разделе head вашего файла theme.liquid . Не беспокойтесь об удалении всех предупреждений PSI, просто отложите все, что можно, не взламывая свой сайт.

Обслуживайте статические ресурсы с помощью эффективной политики кеширования

Также известен как , используя кеширование браузера .

Длительный срок службы кеша может ускорить повторные посещения вашей страницы. – Google PSI

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

Проблема с сайтами Shopify в том, что эти предупреждения обычно относятся к сторонним ресурсам.

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

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

Убедитесь, что текст остается видимым во время загрузки веб-шрифта

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

Веб-безопасный шрифт = шрифт, который, вероятно, будет установлен в большинстве систем.Примеры: Arial, Helvetica, Verdana.

Веб-шрифт = пользовательские шрифты, которые, вероятно, потребуют от браузера пользователя загрузки шрифта для отображения текста. Пример: Google Fonts.

Идея этого предупреждения состоит в том, чтобы загрузить безопасный веб-шрифт , ожидая завершения загрузки веб-шрифта .

Преимущество: текст на экране будет отображаться быстрее.

Недостаток: вы можете увидеть изменение стиля шрифта, когда веб-шрифт загружается и заменяет первый стиль.

Рекомендуемое решение для повышения производительности: Переключитесь на все веб-безопасные шрифты и не полагайтесь на загрузку внешних шрифтов. Если вы собираетесь использовать собственный шрифт, я бы использовал Google Fonts, потому что существует большая вероятность того, что браузер пользователя уже загрузил шрифт (если они посетили сайт раньше вашего с тем же шрифтом).

Это предпочтение. Использование определенных шрифтов может быть важно для вас, чтобы отобразить определенный тип сообщений или впечатлений от бренда для ваших посетителей.

Дополнительные предупреждения

Если вы оптимизировали свой сайт Shopify в соответствии с нашими рекомендациями по оптимизации Shopify, остальные предупреждения, вероятно, можно игнорировать.

Если вы все еще жаждете получить информацию о предупреждениях PSI, вы можете получить подробную информацию о каждом предупреждении прямо из Google, нажав ссылку Подробнее рядом с каждым предупреждением на странице результатов Google PSI.

Как набрать больше очков в Google PSI

На этом этапе мы видим, что оценка Google PSI не является самым важным фактором (я считаю, что фактическая скорость загрузки + доход более важны).

Но если вы одержимы и должны иметь более высокий показатель PSI, вот то, что моя команда и я нашли, работает:

1. Оптимизируйте свой сайт

Вы можете проанализировать свой сайт с помощью нашего Shopify Analyzer, чтобы увидеть, что можно и нужно оптимизировать.

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

Поскольку оценка привязана к алгоритмам PSI, оптимизация вашего сайта не гарантирует увеличения вашей оценки. Оценка случайным образом колеблется, и потенциальное улучшение зависит от того, с какими проблемами оптимизации вы начинаете.

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

2. Удалите лишние приложения и содержимое выше сгиба

Это может быть неприятно слышать, но каждое приложение и каждый элемент на вашем сайте способствует скорости загрузки .

Производительность и дизайн / удобство использования — это баланс.

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

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

Если вы когда-либо удаляли приложения из раздела «Приложения администратора», велика вероятность, что код приложения может задерживаться в вашей теме. Чтобы помочь определить это, нажмите на строку Количество доменов в результатах вашего Shopify Analyzer.

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

Обычно вы можете найти большинство вызовов скриптов сторонних приложений в файле theme.liquid .

3. Создайте собственную тему Shopify

Темы потрясающие, они позволяют мгновенно получить профессиональную основу для веб-сайта за пару сотен долларов.

Тем не менее

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

Создание собственной темы стоит дороже, но вы можете создать ее для скорости и сделать ее на 100% уникальной.

Если вы думаете о полном изменении дизайна сайта или создании собственной темы, я рекомендую обратиться в Blend Commerce. Запланируйте звонок с ними, чтобы обсудить ваши цели и получить расценки, чтобы узнать, стоит ли вам создавать собственный сайт.

4. Используйте безопасные веб-шрифты

Я объяснял преимущества веб-безопасных шрифтов ранее, в основном у них больше шансов быть на компьютере пользователя.

Если вы решили использовать веб-шрифты, вот хороший список шрифтов и примерная совместимость: CSS Font Stack

5. Настройте страницы Google AMP

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

⚡️ Когда ваши страницы являются AMP-страницами, они кэшируются серверами Google, поэтому, когда кто-то нажимает на ваш результат с мобильного устройства, ваша страница загружается мгновенно.

Google указывает, что страницы AMP могут улучшить конверсию, взаимодействие и трафик.
— Истории успеха AMP

Чтобы настроить AMP на Shopify, я рекомендую использовать приложение AMP от Shop Sheriff.

Если вам нужно пошаговое руководство, мы вам поможем: Руководство AMP для Shopify. Если вы хотите, чтобы мы настроили для вас AMP, сообщите нам.

Как набрать 100 баллов в Google PSI

Вы не можете (на сайте Shopify). Shopify — это круто, просто большинство сайтов (Shopify или не Shopify) плохо работают с этим инструментом.

Я даже не видел активного сайта Shopify с хорошими оценками приложений как на мобильных устройствах, так и на компьютерах.

Целевая страница Google PSI даже не набрала 100 баллов, так что ваши шансы невелики 😎

Стандартная тема Shopify, получившая наибольшее количество баллов, — Дебют:

.

Как только вы добавляете приложения, оценка обычно снижается, но это дает вам представление о максимально достижимой оценке, если вам это нравится.

Последний снимок экрана для развлечения — Amazon.com получил 61 оценку в Google PSI:

Amazon — самый успешный сайт электронной коммерции на планете. У них также есть полный контроль над своими серверами, и я полагаю, что у них ОГРОМНЫЙ технический бюджет.

Могу поспорить, что им важны скорость и пользовательский опыт , а не оценка Google PSI.

Google PSI может меняться день ото дня без каких-либо корректировок на вашем веб-сайте. Фактические оценки могут быть выше или ниже.

Второе мнение

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

Проблема с Google PageSpeed ​​Insights Неофициальный подкаст Shopify

Эта серия смешная! Также впервые обнаружил этот подкаст. Мне это нравится. Стоит проверить, являетесь ли вы владельцем магазина Shopify.

Ключевая цитата: Сайты должны быть быстрыми. Об этом никто не спорит. То, что составляет скорость, каким-то образом искажено вызывающей беспокойство оценкой, присвоенной жестокой любовницей, известной как Google PageSpeed ​​Insights.

Google PageSpeed ​​и ваш магазин Shopify Electric Eye (эксперты Shopify)

Видеоклип + хорошее чтение с четкими пунктами.Electric Eye — это бутик-агентство, которое помогает брендам увеличивать свои онлайн-продажи.

Ключевая цитата: Отчет, который Google быстро предоставляет вашему сайту, не принимает во внимание цель вашего сайта

Жажда скорости: какое значение вы должны придать PageSpeed ​​Insights от Google? Вне песочницы (разработчики тем Premium Shopify)

Содержит подробную информацию об общих предупреждениях PSI и их отношении к сайтам Shopify.

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

Как набрать 100% очков в Google PageSpeed ​​Insights Нил Патель (эксперт по маркетингу)

Вот статья, в которой утверждается обратное. Нил рекомендует попытаться получить 100% на Google PSI.

Ключевая цитата: Чрезвычайно важно, чтобы вы набрали 100% результатов в PageSpeed ​​Insights от Google. Или как можно ближе к этому высшему баллу.

Проблемы с достоверностью Pagespeed Insights Обсуждение проблем с маяком на GitHub

Это хорошее техническое обсуждение Lighthouse, которое может привести к хорошей обратной связи с Google для обновления инструмента.

Ключевая цитата: В нем говорится, что эта страница загружается за 5,6 секунды, но вы можете сэкономить более 9 секунд с изображениями WebP и еще 6 секунд путем оптимизации изображений

Сводка

Я потратил время на написание этой статьи, потому что слышал слишком много неправильных представлений и разочарований от владельцев Shopify, которые опасаются, что низкий показатель Google PSI вредит их сайту.

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

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

Google PageSpeed ​​Insights — один из многих автоматизированных инструментов, которые можно использовать для оценки проблем с производительностью вашего сайта. Он не идеален, это алгоритм, выполняемый машинами, а не людьми

Я открыт для обсуждения и внесения вклада в развитие этой статьи. Я не смог найти никаких доказательств, которые коррелируют рейтинг Google PSI с реальной скоростью или рейтингом SEO, но если вы его найдете, поделитесь.

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

Пусть ваш сайт будет быстрым, а продажи — хорошими! 🙏

Некоторые из наших сообщений содержат партнерские ссылки, что означает, что Speed ​​Boostr может получать комиссию, если вы зарегистрируетесь по этим ссылкам. Мы рекомендуем только те приложения и сервисы, в которые мы верим. Для получения дополнительной информации ознакомьтесь с нашим отказом от обязательств для партнеров.

Как создать блог о путешествиях (первые важные шаги)

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

Я написал этот пост всего через год ведения блога, и уже в то время наш блог быстро рос.В 3 года «Полный чемодан» читали 165 000 читателей каждый месяц, в 4 года — почти полмиллиона читателей в месяц. Что еще более важно, мы превратили нашу страсть в устойчивый бизнес, и вы тоже можете это сделать. Этот пост — ваше руководство по , как начать успешный блог о путешествиях с самого начала .

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

Вы могли погуглить «, как начать блог » или «, как начать блог о путешествиях, »… и нашли десятки статей, полных сложных технических объяснений, слов и сокращений, о которых вы никогда раньше не слышали… Это пост не такой! Я постараюсь объяснить весь процесс создания блога о путешествиях простым языком и помочь вам сделать первые шаги.

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

СОВЕТ: Создание блога о путешествиях не отличается от создания любого другого блога, поэтому эти советы также применимы для других ниш. Независимо от того, о чем ваш новый блог, вам нужно сделать несколько шагов, прежде чем вы действительно сможете начать вести блог. И есть несколько распространенных ошибок, которых стоит избегать в самом начале.Узнай!

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

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

СОВЕТ: Добавьте этот пост в закладки для дальнейшего использования. Мне жаль, что я не сделал это с некоторой информацией, которую я нашел, когда начал свой блог о путешествиях! Я не мог вспомнить, где читал тот или иной совет, и мне приходилось снова и снова исследовать одну и ту же информацию…

1.Выберите нишу

Перед тем, как начать вести блог о путешествиях, вы должны подумать, какая у вас ниша . Вы можете подумать, что путешествие само по себе уже является нишей … Но если вы действительно хотите добиться успеха, вам, вероятно, следует определить его еще больше.

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

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

Какая наша ниша? Если резюмировать всего двумя словами, это будут «практические советы». Блог о семейных путешествиях Full Suitcase — это веб-сайт, который не только вдохновляет на путешествия, но и показывает людям, как совершить путешествие своей мечты. Мы пишем для людей, которые путешествуют, когда позволяет их учебный / рабочий график; для тех, кто хочет получить от отпуска максимум удовольствия и познать мир, а не лежать на пляже.Мы не занимаемся рюкзаками, не ведем кочевой образ жизни и не обучаем своих детей на дому. Поэтому мы пишем для таких, как мы. Наша миссия — помочь нашим читателям максимально использовать каждую поездку, уделяя при этом внимание практической стороне планирования поездки.

2. Выберите хорошее имя

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

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

Вот несколько советов по выбору хорошего имени для вашего нового блога о путешествиях:

  • Держите название блога коротким и легко запоминающимся. Чем короче название блога, тем лучше. Однако это довольно сложно, так как доступные короткие доменные имена очень сложно найти. Попробуйте два или максимум три слова, и не расстраивайтесь, когда 257 вариантов, которые вы пытались сделать, кажутся использованными.Будьте изобретательны, будьте настойчивы, и вы найдете идеальное название для своего блога. Вы можете проверить доступные доменные имена здесь. Что бы вы ни выбрали, убедитесь, что это простой, легкий и запоминающийся , чтобы ваши читатели могли легко найти вас.
  • Мыслите в долгосрочной перспективе. Планируете ли вы завести блог о семейных путешествиях и подумать об использовании таких слов, как коляска или малыш, в названии? Подумайте дважды: ваши дети вырастут, и вы не будете вечно путешествовать с младенцем или малышом, поэтому выберите название блога, которое выдержит испытание временем . С другой стороны, если вы хотите сосредоточиться на такой нише, как путешествие с младенцем, и увидеть, как вы делаете это на долгие годы вперед, тогда вы можете использовать в названии слово «ребенок».
  • Рассмотрите свой рынок. Если вы хотите вести блог на английском языке, вы можете купить доменное имя .com. Если ваш новый блог нацелен на определенную аудиторию в другой стране, вероятно, будет разумнее зарегистрировать доменное имя с расширением, которое там используется, например .fr для Франции или.де для Германии. Конечно, вы также можете зарегистрировать одно и то же доменное имя с разными расширениями (travelblogx.com, travelblogx.net, travelblogx.co.uk и т. Д.).
  • Не называйте имя (подобное), которое использует кто-то другой. Это может показаться заманчивым, но не покупайте домен, очень похожий на существующий. Так, например, если используется VisitLongIsland.com, не переходите на visit_long_island.com, VisitLongIslands. com или VisitLongIsland.net. Таким образом вы не сможете создать сильный бренд и просто запутаете своих читателей (не говоря уже о потенциальных юридических проблемах).
  • Проверьте, доступны ли ссылки в социальных сетях для выбранного вами имени. Лучше, если ваши аккаунты в социальных сетях будут иметь то же имя, что и ваш блог. Если это невозможно, постарайтесь хотя бы подобраться как можно ближе. Также здесь подумайте о возможной путанице, если ваши читатели вводят имя вашего блога, но в конечном итоге попадают в совершенно не связанный аккаунт.
  • Лучше, если имя вашего блога совпадает с именем вашего домена. Доменное имя — это URL-адрес вашего блога.Наш блог — Full Suitcase, домен — fullsuitcase.com.

3. Зарегистрируйте свое доменное имя

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

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

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

Некоторые люди говорят, что лучше хранить регистрацию домена и хостинг отдельно. Если вы предпочитаете это, просто выполните поиск по запросу «регистрация домена» в Интернете, и вы найдете сотни вариантов. Во многих странах GoogleDomains — хороший вариант, и их цены действительно конкурентоспособны.

4. Купить хостинг

Что такое хостинг и зачем он нужен? Вы платите хостинг-провайдеру ежемесячную плату за аренду места на их серверах, чтобы люди действительно могли найти ваш веб-сайт в Интернете.Теоретически вы можете разместить свой сайт на любом компьютере или сервере. Но если вы ничего об этом не знаете, зарегистрируйтесь в авторитетной хостинг-компании и избавьтесь от лишнего стресса.

А как насчет бесплатного хостинга? Почему вы должны платить за хостинг своего блога, а не просто выбирать одного из сотни бесплатных хостинг-провайдеров? Хороший вопрос.

Если вы хотите завести блог-дневник путешествий, то непременно зарегистрируйтесь в бесплатной хостинговой компании, такой как WordPress.com (не путать с WordPress.org — см. далее). Однако, если вы хотите иметь полный контроль над своим блогом и рассмотреть возможность его монетизации, вам следует создать свой собственный веб-сайт и разместить его в компании, предоставляющей веб-хостинг. Таким образом, вы сами решаете, как монетизировать его.

Это тоже не стоит целого состояния, так что не беспокойтесь об этом. Например, на SiteGround вы можете получить хостинг для стартапа всего за 5-6 долларов в месяц. Вы можете найти более дешевого хостинг-провайдера, но не выбирайте самый дешевый вариант.Вы можете сэкономить доллар в месяц, но застрянете на дрянном обслуживании, как и я (см. Далее).

СОВЕТ: С самого начала зарегистрируйтесь в действительно хорошей и уважаемой хостинг-компании, такой как SiteGround. Это избавит вас от множества разочарований в будущем.

Как найти надежную и доступную хостинговую компанию для своего блога

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

Изначально я выбрал Bluehost, основываясь на некоторых рекомендациях, которые я нашел в Интернете. Но похоже, что эти рекомендации устарели, и с тех пор качество и обслуживание клиентов в Bluehost ухудшились. Я не слышал ничего, кроме плохого опыта от других блоггеров, которые работают с Bluehost, и большинство из них перешли на SiteGround, как и я.

Перед переключением я хотел убедиться, что делаю правильный выбор, и поэтому провел много исследований. Я также проконсультировался с группой Facebook, состоящей из более чем 6000 веб-дизайнеров и технических специалистов, и большинство из них рекомендовали SiteGround как лучшую хостинговую компанию. Цены на SiteGround очень сопоставимы с ценами большинства других компаний, но качество и сервис вне всякого сравнения! SiteGround быстрее, безопаснее и надежнее.

Однажды у меня было несколько серьезных проблем с моим сайтом, которые не были связаны с SiteGround (но я не знал об этом в то время, и они тоже), и они помогли мне решить проблему, даже если на самом деле это не их решать.Их обслуживание клиентов просто отличное!

СОВЕТ: Вначале выберите самый дешевый вариант хостинга. Обновите, если / когда необходимо. Кроме того, зарегистрируйтесь на более длительный период времени с самого начала — таким образом вы сможете зафиксировать конкурентоспособные стартовые ставки, которые вы не сможете получить позже. У вас есть 30-дневная гарантия возврата денег, поэтому вам нечего терять. И, конечно же, вы всегда можете переключиться на другой тарифный план или другого хостинг-провайдера, если трафик вашего блога резко возрастет.

Наш опыт: Мы запустили FullSuitcase с Bluehost и столкнулись с постоянными простоями и ужасным обслуживанием клиентов. Через несколько месяцев мы перешли на SiteGround и остались очень довольны их услугами. Мы оставались с SiteGround в течение нескольких лет, пока наш веб-сайт не набрал около 200 000 просмотров страниц в месяц.

В тот момент настало время для обновления. Мы могли бы остаться с SiteGround и дальше (никаких жалоб), но из-за нехватки времени мы решили передать наши технические проблемы на аутсорсинг.Затем мы перешли на работу с управляемым хостинг-провайдером премиум-класса Performance Foundry. Это отличная хостинговая компания, но слишком дорогая для начинающего блогера. Так что, если вы только начинаете, выберите SiteGround, и вы не ошибетесь.

5. Установите WordPress

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

Что такое WordPress и зачем он вам нужен для вашего блога?

WordPress — БЕСПЛАТНЫЙ инструмент для создания веб-сайтов.По сути, это самая простая и мощная система для ведения блогов и управления контентом веб-сайтов. С помощью WordPress создано более 74 миллионов (!) Сайтов. Поверьте мне на слово, WordPress — лучший выбор для создания блога.

Обратите внимание, что для самостоятельных сайтов необходимо использовать WordPress.org . WordPress.com — это бесплатные решения для ведения блогов, и они вам не нужны, если вы серьезно настроены превратить свой блог в бизнес. Каждый день я слышу, как блогеры говорят, что хотели бы знать об этом и подписаться на WP.org с самого начала.

Как установить WordPress?

Установите WordPress через свою cPanel на SiteGround.

С SiteGround установка WordPress через cPanel очень проста. Кстати, WordPress рекомендует SiteGround как одного из лучших поставщиков услуг хостинга, и они работают вместе, что упрощает и упрощает весь процесс установки.

Войдите в свою пользовательскую зону SiteGround и перейдите в cPanel (cPanel можно найти в разделе «Мои учетные записи»).В разделе «Инструменты WordPress» вы можете найти установщик WordPress. Щелкните по нему и следуйте дальнейшим инструкциям оттуда. Это действительно так просто, как кажется. А если вы застряли, потрясающая поддержка SiteGround поможет вам сразу разобраться.

СОВЕТ: Вам нужно будет выбрать имя пользователя и пароль для доступа к панели WordPress. Не используйте «Admin», «YourBlogName» или «YourName» в качестве имени пользователя. Выберите то, что никто не сможет легко угадать, и убедитесь, что вы выбрали действительно надежный пароль.Хакеры, пытающиеся войти на ваш сайт, станут повседневной реальностью, поэтому защитите свой блог с самого начала.

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

6. Получите премиальную тему WordPress

Чтобы создать свой туристический веб-сайт на WordPress, вам потребуется тема.Также здесь, чтобы сэкономить много времени и разочарований, и купите премиальную тему WP .

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

Что такое тема WordPress и зачем она вам нужна?

Тема WordPress поможет вам создать свой сайт. Изменение темы меняет внешний вид вашего сайта, т.е.е. что видит посетитель, просматривая ваш сайт.

Почему нельзя просто использовать бесплатную тему WordPress?

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

Вначале я пробовал две самые популярные бесплатные темы WordPress, но быстро отказался от них. Я рекомендую с самого начала инвестировать в премиум-тему. Тема премиум-класса стоит от 50 до 100 долларов США и действительно стоит вложенных средств. Некоторые из лучших тем на данный момент — Generate Press, Astra, X-theme и многие, многие другие.

Купите премиальную тему WordPress

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

Я не пользовался услугами веб-дизайна для своего веб-сайта, но я купил премиальную тему — X-тему — и начал создавать свой блог. Я ничего не знал о создании сайтов. Никаких html, css, php и прочих невозможных слов. Вначале это было действительно ошеломляюще, поскольку я начал с нуля, но я не единственный, кто это делал, и вы тоже можете это сделать.

Благодаря огромной постоянной поддержке замечательной команды X-theme, их обширной базе знаний и руководствам, я смог создать этот блог сам.И хотя не все идеально (далеко не так), и я продолжаю изменять и настраивать свой сайт по мере продвижения, мне нравится идея, что у меня есть полный контроль над своим сайтом, и я могу решить большинство проблем без какой-либо помощи.

7. Установите необходимые плагины WordPress

Теперь, когда вы начали свой блог, купили тему и все настроили, вам следует подумать об установке некоторых плагинов WordPress.

Что такое плагины WordPress и зачем они вам нужны?

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

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

Не беспокойтесь об этом вначале — вы узнаете больше по ходу дела и узнаете, какие плагины лучше всего подходят для вашего блога. Вы всегда можете удалить плагин и / или добавить новый.

Какие плагины использовать при запуске веб-сайта?

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

Вот некоторые функции, которые вам действительно следует рассмотреть с самого начала. Все упомянутые здесь плагины БЕСПЛАТНЫ и могут быть легко установлены с панели управления WordPress. Когда мой блог был новым и до того, как у меня был премиум-хостинг, я сам пользовался каждым из них. Это основы, плагины, которые вам понадобятся с самого начала при запуске нового сайта.

  • Плагин Wordfence Security. Этот плагин защищает ваш сайт от незаконных попыток входа в систему. Это обязательно! Этот плагин также заботится о кешировании (= ускорении вашего сайта), и это дополнительный бонус.
  • Общий кэш W3 — еще один настоятельно рекомендуемый плагин для кэширования, но если вы используете Wordfence, он может быть ненужным.
  • UpdraftPlus — плагин для резервного копирования и восстановления WordPress. Это самый простой способ всегда хранить последнюю резервную копию вашего сайта. Зарегистрируйтесь в Dropbox, чтобы хранить файлы в их облачной службе, и настройте этот плагин таким образом, чтобы он заботился об автоматическом резервном копировании. Это займет всего пару минут вашего времени. Вам действительно следует иметь резервную копию, поскольку вы никогда не знаете, когда что-то пойдет не так или где-то сделаете ошибку.Я уже несколько раз пользовался своим! Большинство хостинговых компаний (включая SiteGround) также хранят хотя бы одну недавнюю резервную копию вашего сайта, но получить к нему доступ или контролировать время создания резервных копий может быть немного сложнее, поэтому я все же рекомендую использовать этот плагин.
  • Yoast SEO. Если вы ничего не знаете о SEO (поисковой оптимизации), но хотите, чтобы читатели нашли ваш новый блог в Google и других поисковых системах, этот плагин поможет вам в этом.
  • Акисмет.Этот плагин помогает бороться со спам-комментариями. Вы знаете, что ваш блог уже существует, когда вы начинаете получать спам-комментарии. Иногда десятки в день, даже если ваш блог новый. Этот плагин нужен вам с самого начала.
  • Jetpack от WordPress.com. Это многофункциональный плагин с огромным набором функций. Он уже установлен при первой установке WordPress, но вам решать, хотите ли вы сохранить его или нет, и какие функции вы хотите использовать. Мне нравится их функция статистики, позволяющая быстро увидеть, что читают люди и т. Д.

8. Планируйте и начинайте писать

И, наконец, когда вы настроили всю техническую сторону, вы действительно можете начать вести блог.

Возможно, вы захотите начать с хотя бы нескольких страниц в своем блоге, прежде чем ваш сайт заработает. Домашняя страница важна, как и О и Свяжитесь с страниц. Начните с этого и создавайте новые страницы по мере роста вашего блога. Чтобы создать страницу, войдите в свою учетную запись WordPress и выберите Страница — Добавить новую.

Прежде чем ваш блог о путешествиях станет доступен, постарайтесь написать хотя бы 2–3 сообщения в блоге, чтобы у людей было больше возможностей для чтения, чем просто первоначальный пост, за которым они пришли на ваш сайт.Чтобы создать сообщение в блоге, войдите в свою панель управления WordPress, затем перейдите в «Записи — Добавить новый».

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

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

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

Оптимизация размера изображения

Красивые изображения очень важны для любого блога, но особенно для блога о путешествиях. Фотографии продают вашу историю. Если вы не очень хорошо разбираетесь в фотографии, вы можете инвестировать в изображения профессионального качества для своего блога («стоковые изображения» в Google) или пройти курс фотографии.

Для начала ознакомьтесь с нашей статьей, чтобы получить простые, но очень эффективные советы по фотографии из путешествий.

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

Я использую программу Photoshop, чтобы редактировать изображения и изменять их размер для своего блога о путешествиях. Большинство изображений, которые я использую на этом веб-сайте, имеют размер 878 x 578 пикселей.Перед загрузкой я использую программу TinyPNG, чтобы еще больше уменьшить размер изображений. Это бесплатное программное обеспечение удаляет всю ненужную цифровую информацию, не имеющую отношения к самому изображению, и помогает вам сэкономить 30-40% на размере изображения.

Скорость имеет значение

Скорость веб-сайта — очень важный фактор, но его часто упускают из виду. Ускорьте свой сайт и попадите на первую страницу Google!

Создайте учетные записи в социальных сетях для своего блога

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

Социальные сети — лучший способ найти единомышленников и создать сообщество. Facebook важен, но я получаю больше всего трафика на свой блог из Pinterest, и мне жаль, что я не начал с него раньше. Я также пользуюсь Instagram и Twitter. Но, честно говоря, мне сложно за этим все успевать…

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

Pinterest был моим крупнейшим реферером трафика , когда мой блог был только новым и неизвестен Google и другим поисковым системам. Это резко выросло с тех пор, как я начал планировать закрепление булавок в самые лучшие моменты.Так что начните правильный путь с самого начала — зарегистрируйтесь в Tailwind! Это лучшая маленькая инвестиция, которую я сделал в свой блог! Это БЕСПЛАТНО до 100 контактов в месяц, так что попробуйте!

Завела блог о путешествиях — наслаждайтесь!

Наслаждайтесь! Нет смысла выяснять, как начать вести блог и вкладывать в него свое время, деньги и энергию, если вам это не нравится.

Если вы только начинаете вести блог о путешествиях, потому что хотите путешествовать по миру бесплатно или думаете, что быстро заработаете большие деньги, возможно, вы захотите пересмотреть свое мнение.Блог о путешествиях сложнее, чем кажется. Не только из-за работы и количества часов, в которые вы ее вкладываете, но и потому, что это навсегда меняет способ вашего путешествия. Вы больше никогда не в отпуске…

В любом случае, не ожидайте легкой поездки, когда начинаете вести блог о путешествиях. Конечно, не в начале. У вас будет своя доля трудностей и разочарований, и будут моменты, когда вам захочется бросить курить. Но если вы увлечены своим делом, у вас все получится!

10. Как монетизировать свой блог о путешествиях

Если вы хотите мгновенно добиться успеха в своем блоге, вы можете пройти курс ведения блога и опередить других.Да, это выгодное вложение, но оно экономит ваше время и может предотвратить множество ненужных ошибок.

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

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

Лучший способ монетизировать свой блог о путешествиях с самого начала — это открыть учетные записи AWIN и ShareASale и зарегистрироваться в нескольких партнерских программах, которые хорошо подходят для вашего блога. Вначале это не будет много денег, но предлагает много возможностей. Многие авторитетные блоггеры получают значительную часть своего дохода через эти платформы.

Некоторые из наиболее успешных программ прямого партнерства для блоггеров о путешествиях — это Booking.com, GetYourGuide, Viator, Amazon и некоторые другие.Всегда лучше зарегистрироваться в компании напрямую, поэтому, если партнерская программа доступна в самой компании, нет необходимости использовать партнерские сети, такие как AWIN.

СОВЕТ: Моя любимая программа в качестве клиента и партнера — GetYourGuide! Вы можете зарегистрироваться здесь. Аффилированные партнеры также получают доступ к своей большой базе данных с лучшими советами по повышению конверсии. Эти принципы также могут быть применены к другим партнерским программам, так что это отличный ресурс для начинающего тревел-блогера!

СОВЕТ: Если вы нашли эту статью полезной, я предлагаю вам добавить ее в закладки и / или сохранить на Pinterest для дальнейшего использования.Было бы очень полезно проконсультироваться с ним позже. Еще не в Pinterest? Зарегистрируйтесь прямо сейчас — Pinterest — это огромный источник трафика для моего и многих других блогов.

Google включает скорость сайта в поисковый рейтинг

(Я нахожусь в пути, но знаю, что многие люди будут заинтересованы в новостях о том, что Google включает скорость сайта в качестве одного из более чем 200 сигналов, которые мы использовать при определении рейтинга поиска. Я хотел бы записать несколько быстрых мыслей.)

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

Фактически, если вы прочтете официальную запись в блоге, то заметите, что в текущей реализации упоминается, что менее 1% из поисковых запросов изменится в результате включения скорости сайта в наш рейтинг.Это означает, что затронуто еще меньше результатов поиска , поскольку средний поисковый запрос возвращает около 10 результатов поиска на каждой странице. Поэтому не волнуйтесь, эффект от этого изменения будет огромным. На самом деле, я считаю, что в официальном сообщении блога упоминалось, что «мы запустили это изменение несколько недель назад после тщательного тестирования». Тот факт, что не так много людей заметили это изменение, — еще одна причина, по которой не следует чрезмерно подчеркивать это изменение.

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

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

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

Я знаю, что это изменение будет популярно среди одних и непопулярно среди других. Позвольте мне еще раз сказать об оптимизаторах поисковых систем (SEO): SEO — это область, которая меняется с течением времени, и самые успешные SEO-специалисты принимают изменения и превращают их в возможность.В 1999 году оптимизаторы поисковых систем не думали о социальных сетях, но в 2010 году в этой сфере явно происходит много интересного. Мне бы хотелось, чтобы оптимизаторы занялись улучшением скорости веб-сайта, потому что (в отличие от некоторых аспектов SEO) уменьшение задержки веб-сайта — это то, что легко измерить и контролировать. Рейтинг №1 не всегда может быть достигнут, но большинство веб-сайтов можно сделать заметно быстрее, что может улучшить рентабельность инвестиций и коэффициент конверсии. В этом смысле это изменение представляет возможность для оптимизаторов поисковых систем и разработчиков, которые могут помочь другим веб-сайтам повысить их скорость.

Я знаю, что это изменение будет много обсуждаться, и некоторым это не понравится. Но я рад, что Google делает этот шаг, как ради прозрачности (позволяя веб-мастерам узнать больше о том, как добиться большего в Google), так и потому, что я думаю, что это изменение сделает Интернет лучше. Я хотел бы сделать вывод о трех вещах: сначала , это на самом деле относительно небольшое изменение, поэтому вам не нужно паниковать. Второй , ускорение вашего веб-сайта — это вообще отличная вещь.Посетители вашего сайта будут счастливее (и могут больше конвертировать или использовать ваш сайт больше), и более быстрый Интернет будет лучше для всех. Третий , это изменение подчеркивает, что есть очень конструктивные вещи, которые могут напрямую улучшить пользовательский опыт вашего сайта. Вместо того, чтобы тратить время на мета-теги ключевых слов, вы можете сосредоточиться на некоторых очень простых, простых и небольших шагах, которые действительно могут улучшить восприятие вашего сайта пользователями.

Вот как обновление скорости Google повлияет на ваш сайт (и учетную запись Google Рекламы)

Обновление : по состоянию на 9 июля 2018 года обновление скорости официально доступно для всех пользователей.

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

Теперь, если этот не вы, я знаю, о чем вы думаете.

Я рекламодатель B2B. Я отвергаю мобильный трафик с помощью жирных корректировок ставок. Это не повлияет на меня…

Не так быстро, гудки.

Еще в 2016 году мобильные веб-браузеры официально превосходили трафик настольных компьютеров. Если вы к настоящему времени не рекламируете и не оптимизируете для мобильных устройств, вы упускаете метрическую тонну потенциальных клиентов (даже если вы продаете программное обеспечение B2B, а мобильные клики не имеют тенденции превращаться в пробные версии или демонстрации или что-то еще. , вы должны по-прежнему показывать рекламу на мобильных устройствах; получите предложение для мобильных устройств, снизьте ставки для мобильных устройств и начните тестирование).Поверьте, мы сами являемся компанией B2B, и в последние месяцы наш мобильный трафик превышает 35% от общего числа посещений сайтов.

И поэтому мы здесь. Сегодня мы рассмотрим, что вам нужно сделать с точки зрения SEO и PPC, чтобы убедиться, что это обновление Google не подорвет ваш бизнес.

Из этого поста вы узнаете:

  • Что такое «Обновление скорости» Google
  • Почему важна скорость загрузки страниц
  • Как это обновление повлияет на SEO и PPC соответственно
  • Какие инструменты вы можете использовать для определения скорости вашей страницы (бесплатно)

Давайте копнемся.

Что такое «Обновление скорости» от Google?

«Погоди минутку», — думаете вы. «Разве скорость загрузки страниц не всегда была частью алгоритма ранжирования Google? Что за злоба вы пытаетесь вытащить, WordStream? »

Во-первых: вау, это неуместно. Во-вторых: да, скорость страницы была фактором ранжирования с 2009 года, но никогда на мобильных устройствах, по крайней мере, официально. Согласно сообщению в блоге, опубликованному Google на прошлой неделе: «Хотя скорость использовалась при ранжировании в течение некоторого времени, этот сигнал был сосредоточен на поиске с компьютеров… Начиная с июля 2018 года скорость загрузки страниц будет фактором ранжирования для мобильного поиска ».

У вас есть информативный, релевантный контент, который затянули несколько картинок с котиками? То, как это обновление повлияет на вас, действительно зависит от вашей ниши и скорости других сайтов, с которыми вы конкурируете. Google утверждает, что цель запроса по-прежнему является «очень сильным сигналом» и что медленная страница все еще может ранжироваться, если у нее есть релевантный контент. Обновление скорости окажет наибольшее негативное влияние на страницы, которые обеспечивают самую медленную работу пользователей по сравнению с их конкурентами в поисковой выдаче.

Означает ли это, что если у вас качественный, релевантный контент, вам не следует беспокоиться о скорости страницы? Определенно нет! Вот почему.

Будет ли мой сайт наказан?

Хотите знать, станет ли ваш сайт популярным? К счастью, есть несколько инструментов, которые позволяют вам измерить скорость вашей страницы, чтобы увидеть, что вам может потребоваться улучшить. Google рекомендует свой собственный инструмент TestMySite, чтобы определить области, в которых можно конкретно улучшить время загрузки мобильной страницы. Внимание: этот инструмент тестирует ваш сайт через соединение 3G, и хотя это обычная скорость во всем мире, мы обнаруживаем, что большинство наших пользователей подключаются со скоростью 4G и соответственно оптимизируются.Существует также ряд бесплатных тестов скорости страницы, которые вы можете использовать, чтобы шире взглянуть на производительность вашего сайта. Наш фаворит — GTMetrix.

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

Как скорректировать свою стратегию мобильного SEO для обновления скорости Google

Компания Google объявила об обновлении скорости за шесть месяцев до того, как оно должно вступить в силу.Не будь тем парнем или девушкой, которые одним знойным июльским утром открывают Аналитику и говорят: «Дерьмо. Я закурил ». Приближается лето, но до него еще далеко. Вот несколько вещей, которые вы можете сделать, чтобы спланировать заранее.

Переключитесь на AMP (ускоренные мобильные страницы)

Что такое ускоренная мобильная страница? AMP — это изменение исходного кода вашего веб-сайта, которое направляет вашу стандартную HTML-страницу на урезанную версию самой себя — вашу размещенную AMP-страницу.

Говоря простым языком: AMP очень редки, поэтому загружаются очень быстро.При первоначальном тестировании Google AMP сокращали время загрузки от 15% до 85%. Вот довольно подробный пост (и видео) от Moz, в котором объясняется, что такое AMP и как их внедрить на свой сайт. Стоит отметить, что вам не * нужен * AMP для создания сверхбыстрых мобильных приложений, и вы жертвуете некоторым контролем над дизайном своей страницы, но если вы ищете относительно быстрый способ сократить время загрузки страницы, стоит попробовать!

Подумайте о намерении

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

Итак, если вы отвечаете за SEO в IMDb и занимает третье место в рейтинге «Даниэль Дэй», вам нужно убедиться, что эта страница работает молниеносно.

Тогда, конечно, у вас есть локальный поиск. Одно исследование Google Mobile Moments Study показало, что 40% мобильных поисковых запросов имеют локальное намерение. Это замечательная сумма. Скажите, что в вашем пиццерии самая лучшая неаполитанская «за» в городе, и вы постоянно получаете трафик от таких запросов, как «пицца рядом со мной». Вы получите существенный урон от обновления Page Speed ​​Update, если на вашей домашней странице будут отображаться межстраничные объявления и несжатые изображения еды.

Используйте Search Console и PageSpeed ​​Insights.Сделай это.

Есть ли способ быстро определить, какие из ваших мобильных страниц имеют проблемы со скоростью и удобством использования? Абсолютно!

Использование Search Console — отличный способ проверить удобство использования вашего сайта. Вкладка «Смартфон» в разделе «Ошибки сканирования» позволяет выявлять любые ошибки сканирования, которые могут затруднять работу ваших мобильных страниц; «Fetch on Google» позволяет вам увидеть, как сканеры просматривают ваш сайт, и внести соответствующие изменения; а в отчете «Удобство использования мобильных устройств» вы узнаете, на каких именно страницах возникают проблемы с удобством использования мобильных устройств, а также о природе этих проблем.

Что касается скорости страницы: PageSpeed ​​Insights станет вашим инструментом. Просто введите URL-адрес страницы актера Дэниела Дэй-Льюиса и вуаля:

Заявление об ограничении ответственности: не настоящая страница. Не волнуйтесь, IMDb.

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

Как обновление скорости Google повлияет на ваш аккаунт Google Реклама?

Мы упоминали об этом ранее, и стоит повторить: Google утверждает, что обновление скорости «затронет только страницы, которые обеспечивают самую медленную работу пользователей, и затронет лишь небольшой процент запросов.При этом мы, , подозреваем, что Google минимизирует важность скорости страницы как фактора органического ранжирования и как компонента показателя качества.

«Кого волнует скорость сайта, мои объявления в любом случае просто направляют людей на целевые страницы».

Что ж, друг мой, тебе стоит.

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

Документация Google Рекламы (ранее известной как Google AdWords) предполагает, что существует пять способов повлиять на положительные изменения в отношении качества целевой страницы вашего сайта.

  • Убедительный, релевантный контент — Убедитесь, что потенциальные клиенты понимают то, о чем вы говорите.На целевой странице должны быть видны ключевые слова, на которые вы делаете ставку, и , чтобы предлагать предложение, соизмеримое с их намерением (например, ключевое слово с низким намерением должно указывать на предложение для загрузки или телефонный звонок с низкими ставками, а не на демонстрацию продукта ).
  • Будьте заслуживающими доверия — Предоставьте социальное подтверждение и похвалы (ниже вашего призыва к действию и заполнения формы / продукта), чтобы повысить компетентность вашего бизнеса. Дайте понять, что вы делаете и что предлагаете.
  • Сделайте навигацию простой — Сделайте так, чтобы потенциальные клиенты с легкостью перемещались по вашей странице.Избегайте всплывающих окон и не скрывайте свой CTA / форму / информацию о продукте. Это особенно важно для мобильных целевых страниц, где возможности размещения ограничены.
  • Уменьшить время загрузки — Рассмотрите возможность использования страниц AMP или убедитесь, что ваши целевые страницы быстро загружаются на всех устройствах / браузерах.
  • Сделайте свой веб-сайт быстрее — Аналогичным образом проверьте скорость загрузки страниц своего веб-сайта, чтобы убедиться, что все в глазах Google кошерно.

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

Проверка качества целевой страницы в Google Рекламе

Сначала войдите в свою учетную запись Google Рекламы и выберите параметр «Ключевые слова» на панели слева.

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

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

Если это было немного сложно (или вы уже являетесь клиентом WordStream), вы можете использовать WordStream Advisor, вы можете сразу перейти на вкладку управления и взглянуть на свою целевую страницу на вкладке «Управление» (изображенной выше ).

Заключение

Уф, мы только что доставили вам массу информации.

Если вы пользователь Google Рекламы, убедитесь, что вы отслеживаете и оптимизируете скорость целевой страницы и время загрузки, , а не только релевантность . С точки зрения SEO: подумайте о переходе на AMP, хорошенько подумайте о намерениях и используйте всю мощь Search Console и PageSpeed ​​Insights.

Индекс скорости

• Обновлено

Появляется в: Аудит производительности

Speed ​​Index — один из шести показателей отслеживается в разделе Performance отчета Lighthouse.Каждый показатель отражает определенный аспект скорости загрузки страницы.

Маяк отображает индекс скорости в секундах:

Что измеряет индекс скорости #

Speed ​​Index измеряет, насколько быстро контент визуально отображается во время загрузки страницы. Lighthouse сначала снимает видео загрузки страницы в браузере и вычисляет визуальную прогрессию между кадрами. Затем Lighthouse использует модуль Speedline Node.js для расчета индекса скорости.

Как Lighthouse определяет ваш индекс скорости #

Ваша оценка индекса скорости — это сравнение индекса скорости вашей страницы. и показатели скорости реальных веб-сайтов на основе данные из HTTP-архива.

В этой таблице показано, как интерпретировать ваш индекс скорости:

Индекс скорости
(в секундах)
Цветовая маркировка Индекс скорости
0–4,3 Зеленый (быстрый) 75–100
4,4–5,8 Оранжевый (умеренный) 50–74
Более 5,8 Красный (медленный) 0–49

Как улучшить свой индекс скорости #

Пока вы делаете все, чтобы улучшить скорость загрузки страницы улучшит ваш показатель Speed ​​Index, решение любых проблем, обнаруженных в ходе этих диагностических аудитов должен иметь особенно большое влияние:

Как повысить общую оценку производительности #

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

Используйте раздел Opportunities отчета Lighthouse, чтобы определить, какие улучшения будут иметь наибольшую ценность для вашей страницы. Чем значительнее возможность, тем большее влияние это окажет на вашу оценку производительности. Например, Маяк снимок экрана ниже показывает, что устранение ресурсов, блокирующих рендеринг даст наибольшее улучшение:

См. Целевую страницу аудита эффективности чтобы узнать, как использовать возможности, указанные в вашем отчете Lighthouse.

Ресурсы #

Последнее изменение: .

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *