![[Перевод] Логирование активности с использованием Web Beacon API](https://habrastorage.org/webt/or/qb/ju/orqbjuhannguixlf_fyehlsv0zy.jpeg)
Beacon API — это основанный на JavaScript интерфейс для: отправки небольшого количества данных на сервер с браузера, без ожидания ответа. В этой статье, мы рассмотрим в каких случаях будет полезен Beacon API, чем он отличается от использования XMLHTTPRequest (Ajax) для тех же целей и как его использовать. Для чего нам очередной API? Beacon API используется для отправки небольших по объему данных на сервер без ожидания ответа. Последняя часть утверждения является наиболее…
Подробнее![[Из песочницы] О чем должен помнить веб-разработчик, чтобы сделать всё по SEO-феншую](https://habrastorage.org/getpro/habr/post_images/555/228/02a/55522802a7214ac8da47f3850583443e.png)
Сегодня очень сложно оставаться монопрофильным специалистом. И часто, делая новый сайт или внося различные правки, можно позаботиться заранее об основных вещах, которые помогут сразу сделать всё чисто и красиво не только с точки зрения программирования, но и с точки зрения SEO. Так о чём же надо помнить, чтобы делать работу качественно, и SEO-специалисты были довольны вашей работой? Читать дальше →
Подробнее![[Из песочницы] Mobile-first indexing — революция в поиске от Google](https://habrastorage.org/webt/nl/og/m4/nlogm4my1bdb7kfyxwomauuhrui.jpeg)
Итак, то, что было прогнозируемо и ожидаемо на протяжении последних нескольких лет, наконец случилось. Вслед за постоянно растущим трафиком с мобильных устройств поисковые гиганты меняют алгоритмы поиска, подстраиваясь под интересы своих пользователей. В недавно вышедшем релизе от Google говорится о том, что с 1 июля 2018 года будет запущен механизм, ранжирующий сайты по принципу Mobile-first. Читать дальше →
Подробнее
Как массово оптимизировать размер картинок на сайте для ускорения загрузки страниц? Ручное пересохранение каждой картинки отдельно - не предлагать. Нужен скрипт оптимизации изображения на сайте - запустил его и вжик... получил результат. Чем меньше действий от пользователя требуется - тем лучше. И такой сервис уже есть. OptiPic - сервис автоматически найдет и сожмет все изображений практически без вашего участия.
Подробнее
В небольшом SEO-отделе большого контентного проекта, где я работаю, решили увеличить штат. Набирать планировалось людей с небольшим опытом или совсем без опыта. По этой причине было решено создать некий гайд, который бы служил исчерпывающим руководством по написанию новых статей. Руководство получилось действительно подробным и полным, один из его важных блоков – это кластеризация запросов. Читать дальше →
Подробнее![[Перевод] Главные критерии SEO и AEO в будущем — понимание и достоверность](https://habrastorage.org/webt/ff/bw/2r/ffbw2r_nlgwrurod79qj60yn_po.jpeg)
Отправляя запрос в Гугл (или Бинг), мы формулируем задачу, которую требуется решить, или вопрос, на который нужно найти правильный ответ. Смысл существования этих поисковиков всегда сводился к тому, чтобы легко и быстро направлять пользователей к наилучшему возможному результату. С ростом популярности голосового ввода поисковые системы все более стремятся предоставить одно-единственное верное решение и все больше полагаются на такие критерии, как понимание и достоверность. Что нужно
Подробнее
В предыдущей части туториала мы решили проблемы изоморфного роутинга, навигации, фетчинга и начального состояния данных. В итоге, получилась довольно простая и лаконичная основа для изоморфного приложения, которую я также выделил в отдельный репозиторий — ractive-isomorphic-starterkit. В этой части мы начнем писать приложение RealWorld, но сначала осуществим декомпозицию. Погнали! Читать дальше →
Подробнее![[Из песочницы] Как оставаться в ТОПе при изменениях поисковых алгоритмов (руководство для начинающих сеошников)](/uploads/habrahabr_logo.png){kind=logo}
После каждого обновления алгоритма поисковых систем часть SEO-оптимизаторов говорит, что оно было неудачным. Существует более 200 факторов ранжирования сайтов. Разумно предположить, что и возможных обновлений достаточно много. В этой статье мы расскажем, как работают поисковые алгоритмы, почему они постоянно меняются и как на это реагировать. Читать дальше →
Подробнее
В предыдущей части туториала мы научили наше изоморфное приложение проксировать запросы к backend api, с помощью сессии передавать начальный стейт между синхронными запросами и осуществлять Server-side rendering с возможностью переиспользования разметки на клиенте (hydrate). В этой части мы решим еще две ключевые проблемы изоморфных веб-приложений: изоморфный роутинг и навигация, и повторный фетчинг и начальное состояние данных. И сделаем это буквально 5-ю строками кода. Погнали! Читать…
Подробнее![[Перевод] Руководство по SEO JavaScript-сайтов. Часть 2. Проблемы, эксперименты и рекомендации](https://habrastorage.org/getpro/habr/post_images/76a/782/4fa/76a7824facadead0ad7490e76dcb1c19.jpg)
В первой части перевода этой статьи мы говорили о том, как веб-мастер может взглянуть на свой ресурс глазами Google, и о том, над чем стоит поработать, если то, что увидит разработчик сайта, окажется не тем, чего он ждёт. Сегодня, во второй части перевода, Томаш Рудски расскажет о наиболее распространённых SEO-ошибках, которым подвержены сайты, основанные на JavaScript, обсудит последствия грядущего отказа Google от механизма AJAX-сканирования, поговорит о предварительном рендеринге и об…
Подробнее
Представляем вашему вниманию перевод первой части материала, который посвящён поисковой оптимизации сайтов, построенных с использованием JavaScript. Речь пойдёт об особенностях сканирования, анализа и индексирования таких сайтов поисковыми роботами, о проблемах, сопутствующих этим процессам, и о подходах к решению этих проблем. В частности, сегодня автор этого материала, Томаш Рудски из компании Elephate, расскажет о том, как сайты, которые используют современные JS-фреймворки, вроде
Подробнее
В предыдущей части туториала мы узнали что такое проект RealWorld, определились целями туториала, выбрали стек технологий и написали простой веб-сервер на Express в качестве основы для изоморфного фронтенда. В этой части, мы допилим серверную часть и напишем изоморфный «Hello World» на Ractive, а также соберем все это с помощью Webpack. Читать дальше →
Подробнее