Как HTML кодирование 90-х спасет мир SEO В 2017 году

//Как HTML кодирование 90-х спасет мир SEO В 2017 году

Как HTML кодирование 90-х спасет мир SEO В 2017 году

Удивительный взрыв от прошлого кодирования возвращался через SEO и часто проникает в ядро ​​передового отзывчивого дизайнерского мышления: скромный спрайт.

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

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

Листы спрайтов — это новейшая техника для мобильных стратегий SEO.

Возвращение спрайта

У меня очень большие воспоминания о том, чтобы аккуратно упаковать как можно больше изображений в один файл изображения, чтобы быть спортивно раскрытым во все более искаженных позициях, чтобы создать веб-страницу — «Sprite».

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

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

К 2004 году A List Apart продемонстрировал, как устаревание срезания (и более легкое использование JavaScript для опрокидывания) может быть достигнуто с помощью либерального, продуманного использования спрайтов и легкого, чистого, действительного HTML. (И, конечно, если ALA предложила использовать спрайты … тогда вы использовали спрайты!)

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

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

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

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

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

Урок 1: Скорость Speed ​​Speed ​​

Почему Google использует спрайт для своей самой ценной веб-страницы? Скорость.

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

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

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

Урок 2: Мобильный собирается съесть ваш ланч

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

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

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

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

By | 2017-10-29T10:12:12+00:00 Октябрь 28th, 2017|Categories: Google|Tags: , |0 Comments

Leave A Comment

%d такие блоггеры, как:
ОСТАВЬТЕ ЗАЯВКУ
Перешедшим от других SEO-компаний приветственная скидка 40%
Мы Вам перезвоним и подготовим лучшее предложение.
  1. Позвоним
  2. Проведем аналитику
  3. Разработаем прогноз
  4. Презентуем стратегию
  5. Подпишем договор
  6. Запустим проект
Хотите купить квартиру?
Обращайтесь и мы Вам поможем
  • Скорость решения вопроса
  • Ваш финансовый интерес
  • Качественное обслуживание
  • Всесторонняя забота о клиенте
  • Работаем на репутацию
  • Поддержка на всех этапах
* we never share your e-mail with third parties.
Do you want more traffic?
Dignissim enim porta aliquam nisi pellentesque. Pulvinar rhoncus magnis turpis sit odio pid pulvinar mattis integer aliquam!
  • Goblinus globalus fantumo tubus dia montes
  • Scelerisque cursus dignissim lopatico vutario
  • Montes vutario lacus quis preambul den lacus
  • Leftomato denitro oculus softam lorum quis
  • Spiratio dodenus christmas gulleria tix digit
  • Dualo fitemus lacus quis preambul pat turtulis
  • Scelerisque cursus dignissim lopatico vutario
  • Montes vutario lacus quis preambul den lacus
SUBSCRIBE TO OUR NEWSLETTER AND START INCREASING YOUR PROFITS NOW!
* we never share your e-mail with third parties.
ОСТАВЬТЕ ЗАЯВКУ
6 шагов за 31 день для увеличения ваших продаж
  1. Анализируем спрос и предложение
  2. Выделяем тематические сегменты
  3. Создаем группы объявлений
  4. Следим за отдачей от объявления
  5. Корректируем рекламную кампанию
  6. Предоставляем подробные отчеты
ОСТАВЬТЕ ЗАЯВКУ
При заказе сайта магазин на Facebook бесплатно!
И вы получите самый социальный инструмент для продаж.
  1. Проведем аналитику
  2. Подготовим контент
  3. Добавим продукты
  4. Произведем настройку
  5. Синхронизируем магазины
  6. Вам остается наслаждаться




PGlmcmFtZSB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzcmM9Imh0dHA6Ly9tYWdhemluc2l0ZS5ydS93cC1jb250ZW50L3VwbG9hZHMvMjAxNy8wOS/QodC+0LfQtNCw0L3QuNC1LdGB0LDQudGC0LAt0LIt0JrQuNGI0LjQvdC10LLQtS3QnNC+0LvQtNC+0LLQsC5tcDQ/YXV0b3BsYXk9MSIgZnJhbWVib3JkZXI9IjAiIGFsbG93ZnVsbHNjcmVlbj48L2lmcmFtZT4=
ЗАЧЕМ СОЗДАВАТЬ САЙТ
  • Goblinus globalus fantumo tubus dia montes
  • Scelerisque cursus dignissim lopatico vutario
  • Montes vutario lacus quis preambul den lacus
  • Leftomato denitro oculus softam lorum quis
  • Spiratio dodenus christmas gulleria tix digit
  • Dualo fitemus lacus quis preambul pat turtulis
* we never share your e-mail with third parties.
Do you want massive traffic?
Dignissim enim porta aliquam nisi pellentesque. Pulvinar rhoncus magnis turpis sit odio pid pulvinar mattis integer aliquam!