Как сделать сайт привлекательнее в поисковой выдаче?

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

Как поместить звездочки рейтинга для выдачи в Google для WordPress?

Остановимся на рейтинге WP PostRaiting, такой плагин устанавливается очень просто.

Чтобы установить плагин, необходимо сделать следующее:

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

    Подробнее...

Идеи и правила дизайна сайта

narisovannoe serdechko-1280x800Эта статья создана для того, чтобы рассказать людям о том, какими идеями и правилами необходимо пользоваться при разработке любого интерфейса.

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

    Подробнее...

Чем проще дизайн сайта, тем лучше

Concept42 72-F ws59405285Барри Шварц говорит о том, что если нам предложить один список, то из него мы выберем наиболее важное для нас предложение. Однако на практике видно, что человек выбирает для себя наиболее простое в понимании и осознании. Зачастую это происходит от того, что мы не имеем достаточно времени, чтоб во все это погружаться.

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

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

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

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

Подробнее...

Что представляет собой семантическая верстка? Понятие семантического кода

17211Эта статья для тех, кто используется div тегами для всего, что только существует на сайте. Давайте сфокусируемся на том, как создать чистый семантический HTML код при условии использования валидной разметки. Вы сможете узнать, как можно уменьшить количество div тегов в коде HTML, научитесь семантической верстке. Написав правильные семантические шаблоны, вы сможете облегчить жизнь себе и своей команде. Конечно, браузерам также легче интерпретировать такие кода, чем код меньше, тем быстрее загружается страниц сайта. Проще говоря, семантическая верстка является необходимым условием создания качественного сайта.

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

Как достигнуть семантики кода? Все это просто. Самым главным условием является делать все как можно проще и стараться большинство информации выносить в стили CSS, а JS код вообще лучше поместить в отдельный файл. Как правило, на одну HTML страницу можно подключить только один файл CSS и один файл JS. Что касается самого HTML, то тут для каждого сайта своя ситуация.

Подробнее...

Создаем красивую RSS иконку для блога

feed-icon7bRSS – это специальный формат сообщений в блогах, с помощью которого можно получать обновления с сайта без его посещения. Для его чтения необходимо использовать специальную программу – RSS Reader. Сегодня очень распространена в сети Google Reader.

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

Вообще, RSS иконки имеют свой стандарт – как правило, это оранжевая кнопка с белыми вставками внутри. Однако дизайнеры решили поэкспериментировать, и начали создавать кнопки разных форм, объемов и цветов. Может, попробуем нарисовать такую кнопку самостоятельно?

Шаг 1. Создаем форму. Для начала скачаем набор иконок. Для того, чтобы подключить их в свой фотошоп, необходимо найти директорию, где он установлен и скопировать файл в папку с названием «Presets\Custom Shapes».

Подробнее...