юзабилити — (не)?путевые заметки

Pagination & SEO — как сделать правильно

Pagination и SEO
Скажу сразу: пагинация – зло, и с ней надо бороться! Нормального перевода термина pagination нету, тут и пагинация, и листинг, и пейджинг. Пагинация — это постраничный вывод длинного списка (товаров, новостей). На каждой странице списка есть пронумерованные ссылки для перехода на другие страницы списка. Как правило делают еще ссылки Предыдущая/Следующая и Первая/Последняя страницы. Результаты поиска в Яндексе и Google, кстати, тоже разбиты на страницы.

Почему пагинация – плохо

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

Интернет-магазин в реальной жизни

В блоге Google Analytics перевыложили несколько прикольных видео из серии «Если бы вы делали покупки в жизни как в интернет-магазине».

Видео на английском, но и без перевода все понятно, под катом.

Читать далее «Интернет-магазин в реальной жизни»

Мета-теги для Facebook в WordPress

Специальные мета-теги OpenGraph используются не только Facebook, но и другими соцсетями, в частности Вконтакте и Google+.

Зачем нужны мета-теги Open Graph?

Мета-теги Open Graph, как и другие мета-теги, содержат информацию о документе, в нашем случае это страница блога. Facebook, Вконтакте, Google+ при добавлении пользователем ссылку на страницу руками прямо в соц-сети или при нажатии на кнопку «Like» (кстати, лайкните этот пост :), в этих мета-тегах информацию, которая будет использована при публикации: заголовок статьи, аннотация, ссылка на иллюстрацию. Если мета-теги не найдены, то соц-сеть будет использовать другую информацию: для заголовка пойдет title страницы, для иллюстрации подходящее изображение и так далее. В результате многие видели у себя в ленте ссылки, где вместо заголовка конкретной статьи стоит название сайта, а вместо иллюстрации — картинка счетчика. Вот с этим мы и будем бороться.

Какие есть теги Open Graph?

Читать далее «Мета-теги для Facebook в WordPress»

Шрифты для HD-экранов

Шрифты с засечками (Serif) и без засечек (Sans-serif) Использование шрифтов с засечками (Serif) и без засечек (Sans-serif) для веба и других «цифровых» текстов в разрезе улучшения качества современных мониторов — тема объемной заметки Якоба Нильсена.

Читать далее «Шрифты для HD-экранов»

Открывать ли ссылки в новом окне

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

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

10 лет назад в книгах и статьях по созданию веб-сайтов можно было встретить такое правило «Не следует делать страницы сайтов более 3-х экранов». Почему? Да потому что полоса прокрутки, он же scroll bar, узкий, поймать и удерживать ползунок сложно. Тем более сложно пожилым или не очень опытным пользователям. Мышки с колесиком для прокрутки пришли относительно незаметно и так же незаметно похоронили это правило «3-х экранов». Читать далее «Открывать ли ссылки в новом окне»