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


Оглавление (нажмите, чтобы открыть):

База знаний uCoz

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

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

В инструкции мы рассмотрим:

Как добавить категорию записей блога

В панели управления сайтом перейдите в раздел модуля «Блог» — «Категории»:

Нажмите на кнопку «Добавить категорию»:

Появится окно с формой ввода данных для категории:

  • Название категории. Отображается в списке категорий ($CATEGORIES$) и на странице записи блога
  • Описание категории. Отображается в списке категорий
  • Человекопонятный URL (ЧПУ). Должен быть включен в настройках сайта. Обычно создается на основе заголовка страницы путем транслитерации, но может задаваться и вручную. Не используется при включенной настройке «Уникальные Title, Description, Keywords» SEO-модуля

SEO-настройки. Доступны после оплаты одного из пакетов «Оптимальный», «Магазин», «Максимальный» и включения «Уникальные Title, Description, Keywords» в SEO-модуле

  • URL материала. Латиница в нижнем регистре (a-z). В URL не рекомендуется использование слов, присутствующих в названиях папок раздела «Инструменты»/«Файловый менеджер».
  • Title. Используется для кода $SEO_TITLE$. Рекомендуемая длина — 60 символов. Будет отображаться на вкладках браузера. Давайте категориям названия, отображающие их суть
  • Мета Description. Используется для кода $SEO_DESCRIPTION$. Рекомендуемая длина — 160 символов. Краткое описание категории
  • Мета Keywords (через запятую и пробел). Используется для кода $SEO_KEYWORDS$.

Переменные $SEO_TITLE$, $SEO_DESCRIPTION$, $SEO_KEYWORDS$ нужно разместить внутри тега шаблонов страниц сайта.

Нажмите на кнопку «Добавить», чтобы категория появилась на сайте:

Категория будет добавлена в список:

В колонке «ID» отображается уникальный номер категории. Каждой созданной ранее категории присваивается номер в порядке возрастания, который не может быть изменен и присвоен другой категории даже после удаления.

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

Как задать категорию для записи блога

На странице редактирования или добавления записи в поле категория выберите подходящую:

Как изменить или удалить категорию

После добавления категории может появится потребность ее изменения или удаления. В панели управления сайтом перейдите в раздел модуля «Блог» — «Категории»:

Отметьте категорию в списке и выберите действие:

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

Как вывести статьи по рубрикам на отдельной странице (главной)

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

  • Создаем шаблон страницы
  • Вывод рубрик
  • Вывод записей
  • Красивости

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

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

Создаем шаблон страницы

Используя менеджер файлов на хостинге или ftp-клиент, создайте в папке с темой файл с нужным вам именем, например main-page.php (если используется дочерняя тема, то файл надо создавать в папке дочерней темы).

Далее. В любой теме есть файл page.php . Открываете его и копируете содержимое файла page.php во вновь созданный файл main-page.php. Получилось? Отлично! Теперь осталось только указать, что main-page.php не просто файл и именно шаблон. Для чего достаточно вверху файла добавить следующее

Сохраняем. Теперь идем в админку сайта и создаем там новую страницу. Не забудьте:

  • На странице должно быть указано название
  • Короткий и понятный урл на транслите
  • И в атрибутах страницы надо добавить к ней наш шаблон

На этом создание шаблона страницы можно считать законченным.

Вывод рубрик

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

Отлично! Теперь выведем названия рубрик, для чего будем использовать перебор циклом и получим примерно такое

У вас должно получиться примерно такое

Вывод записей

Чтобы вывести записи будем использовать класс WP_Query<> И сначала зададим нужные аргументы и запишем значения в нужные переменные.

Хорошо. Теперь осталось вывести сами записи с миниатюрами.

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

Красивости

Осталось добавить немного css для того, чтобы записи выводились в ряд

Вот и все.
Если есть вопросы, пишите в комментариях

Как сделать сайт быстро и просто

Пошаговое обучение в видео-формате

Как сделать вывод анонсов записей на главной странице блога на WordPress.

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

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

Для этого есть 2 способа.

Первый способ заключается в использовании тега в тексте вашего поста.

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

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

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


С кодом нужно работать ОЧЕНЬ ВНИМАТЕЛЬНО. Любая палочка, скобочка там нужны, важны. И если случайно удалить что-то не то, ваш шаблон будет работать некорректно. Поэтому сделайте копию папки с Вашим шаблоном себе на компьютер (на всякий случай, чтобы всегда можно было вернуться к прежнему виду). Папка с файлами Вашего шаблона находится в папке wp-content/temes/. Скопируйте ее целиком на свой компьютер. Если в процессе работы с кодом файла что-то пойдет не так, Вы всегда сможете закачать исходный вариант файлов Вашего шаблона из этой копии.

Теперь сосредоточились, убрали все отвлекающие момента и за работу.

Заходим в админку WordPress, в раздел «Внешний вид» — «Редактор». Находим файл основного шаблона (index.php), кликаем по нему, и нам открывается для редактирования его код.

Найдите следующий код, который отвечает за вывод контента:

Удалите эту строку, а на ее место вставьте следующий код:

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

Сохраняем внесенные изменения — кнопка ОБНОВИТЬ под кодом файла. Теперь уже можно взглянуть, что получилось. Перейдите на главную страницу Вашего сайта. Что Вы видите? У Вас должны получиться фрагменты постов длинной по 55 слов, взятые из самого начала поста. И ссылка «Читать», которая будет вести на страницу публикации.

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

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

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

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

После заполнения пункта «Цитата» обновите Вашу публикацию. И проверяйте результат на главной.

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

Если Вам понравилась эта статья, поделитесь с друзьями в социальных сетях с помощью кнопок ниже:

Эта запись была написана в Пятница, Февраль 14th, 2014 в 11:07 дп и опубликована в WordPress. Технические моменты..

Комментариев: 44

Здорово! Как раз думал об этом! Спасибо Вам Ольга и сайту https://sdelat-sait.com/.

нашла только такую строку, это она? Как в таком случае редактировать?

Ольга Александрова Reply:
Февраль 14th, 2014 at 11:45 пп

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

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

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

Здравствуйте!
Подскажите,как можно рассортировать свои анонсы?

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

Сейчас они отсортированы по времени создания,но меня такое расположение не устраивает)

На главной странице анонсы записей выводятся в хронологическом порядке. Вордпресс — это ведь движок для ведения блога — электронного дневника. Если Вам нужно выводить на главной некую статическую информацию, то Вам нужно разместить эту статическую информацию на отдельной странице (так, как Вам это нужно, в нужном порядке) и выбрать эту страницу в качестве начальной в настройках блога. Как например, у меня на блоге на главной странице https://sdelat-sait.com выводится страница подписки на бесплатный видео-курс.

Серж Reply:
Март 20th, 2014 at 3:01 пп

спасибо…
я думал есть возможность перетасовать картинки анонсов,как пятнашки)
например есть плагин,который тасует категории(My Category Order),вот я и подумал,что как то можно перетасовать анонсы))

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

Татьяна Reply:
Апрель 2nd, 2014 at 12:38 пп

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

Юрий Reply:
Май 21st, 2014 at 3:00 дп

Интересный сайт, добавил себе в закладки. Касательно вопроса Сержа о возможности сортировке записей на главной странице… Провел эксперимент на своем поддомене (служит в качестве полигона для испытаний). Если в панели управления Вордпресс войти в «Записи», то там есть четыре опции для редактирования: 1)»Изменить», 2)»Свойства, 3)»Удалить», 4)»Перейти». Заходим во вторую слева опцию — «Свойства». Там сверху вниз идут: «Заголовок», «Ярлык», «Дата». Меняем дату на свое усмотрение и жмем «Обновить». В результате последнюю статью можно вывести на первую позицию в перечне. Немного заморочно, но результативно… К тому же не нужны плагины, влияющие на скорость загрузки страниц…

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

Все это просто и понятно. У меня, как раз, все наоборот. Когда выбираешь рубрику, выводится запись ввиде анонса, а не полностью. В параметрах есть настройки — чтение- для каждой статьи в ленте отображать- (я установил «полный текст», не анонс), а все равно выходит в виде анонса. В html виде нет тега — читать далее (more). Но это настройки для статьи, а для записи…. Вот тут-то я и ломаю голову. Как же сделать, чтоб при выборе рубрики, запись отображалась целиком. Нигде не нашел для этого настроек. Спасибо заранее!

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

Азат Reply:
Март 18th, 2020 at 7:28 пп

Нашел снова свою переписку случайно через 2 года. Я в прошлый раз разобрался. Это шаблон был немного косячный, точнее, почему-то он был выложен не полностью. Я тогда разобрался на следующий день, а здесь забыл написать. Вот теперь, спустя 2 года, пишу:-) С WordPress работаю с 2013-го года. Теперь уже создал не один десяток на заказ. Последний свой — киносайт, уже тИЦ 20

Всем желаю успешного продвижения своих сайтов и блогов!

Татьяна Reply:
Апрель 2nd, 2014 at 12:33 пп

Азат, опция «Полный тест-анонс» относится к отображению записей в ленте RSS, а не на сайте.
Чтобы отображать полный текст записи есть три варианта:
1. Сделать самому шаблон в Artisteer. В этих шаблонах статьи автоматически выводятся полным текстом. Ну или найти такой готовый шаблон.
2. Использовать поле «Цитата» — вставляйте туда полный тест записи, лучше с кодом Html — тогда сохраняется форматирование
3. Лезть в код, как совершенно верно сказала Ольга.

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

Ольга, здравствуйте! Сделал все как Вы советовали. На страницы стали выводиться первые 55 слов, но при нажатии на ссылку «далее» ничего не происходит. Подскажите, пожалуйста, в чем может быть причина. Заранее спасибо.

Ольга Александрова Reply:
Сентябрь 18th, 2014 at 3:50 пп

Алексей, возможно что-то напортачили, когда код правили. Попробуйте еще раз.

Алексей Reply:
Сентябрь 23rd, 2014 at 7:57 дп

Ольга, здравствуйте! Проверил опять код, но там уже нет ни , ни измененного
Читать >>>, а исходник не сохранил. Можно что-то сделать? Заранее спасибо.

Ольга Александрова Reply:
Сентябрь 23rd, 2014 at 3:06 пп

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

Здравствуйте!
У меня другая проблема — текст записей не выводится на главной странице ВООБЩЕ, только картинка из поста (если она имеется). Подскажете, что предпринять? Очень хочется, чтобы выводилась часть текста (первые 300-400 знаков, например). Спасибо!

Ольга Александрова Reply:
Октябрь 15th, 2014 at 11:13 дп

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

Подскажите, пожалуйста, как вывести на главную сначала текст (страницу), а ниже последние 6 записей?

Анна, это должно быть предусмотрено Вашей темой. То есть либо ищите тему, в которой это реализовано, либо править шаблон существующей темы. Но для этого нужны некоторые навыки работы с html кодом и php командами WordPress.

Спасибо большое. Второй раз настраиваю по вашей статье сайт. Т.е. один шаблон так редактировала, а теперь поменяла и опять попала на вашу статью при поиске. Еще раз спасибки!

Добрый день.
Сделал всё как описано, помогло. Спасибо!
Подскажите как мне настроить отображение таким образом, чтобы на главной странице выводились картинки статей и видео. Добавление ссылок в цитату как в записях не помогло. Так же хотелось бы узнать как подобно заглавной настроить оформление отдельных страниц (рубрик) на сайте. Заранее благодарю!

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

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

Не во всех шаблонах это есть.

А чем не устраивает встроенный в вордпресс виджет «последние записи»?

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

спасибо Ольга вы очень помогли))


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

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

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

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

У меня проблема, которая не описана ни в посте, ни в комментах, а именно: программа Artisteer создала файл index.php вообще отсутствует — и the_content, и the_excerpt. Вместо этого

Перерыла кучу форумов, в итоге в рунете нашла парочку описаний аналогичной проблемы, и на англоязычных форумах — тоже. Но никаких решений там не оказалось — только ругают последними словами Artisteer, так как создает такие проблемы с выводом анонсов.
Сейчас у меня автоматическое обрезание текста в анонсах отстутсвует, обрезается текст только при вставке тега more при создании каждой записи. А мне нужно именно автоматическое обрезание после определенного количества слов или символов. Как это сделать, если в index.php нет the_content и the_excerpt?

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

Мастер Йода рекомендует:  Обрезка фотографий без изменения соотношения сторон

Сегодня большинство тем уже со встроенной функцией вывода анонса, то есть тег Далее ставить не надо.

Конечно, Рамиль, если в Вашей теме эта возможность уже заложена, то используйте ее.

Александр, функция the_excerpt предназначена для вывода цитат в качестве анонса. Если Вы пропишите анонсе 200 символов и эти 200 символов не поместятся в 55 слов, то надо будет задать новое ограничение в файле functions.php, как на примере в конце статьи. Насчет тегов не знаю. Попробуйте и все сами увидите! Дмитрий, думаю в программировании возможно все, но сходу я не могу сказать как именно это надо сделать, так как надо провести необходимые эксперименты. Время на эксперименты тратится довольно много и я не физически не смогу помочь всем. Поэтому набирайтесь знаний. Вот почитайте статью о функции, которая отвечает за вывод миниатюр . Успехов!

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

Меняем стиль главной страницы Blogger

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

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

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

Главная страница блога — плиточный стиль Blogger

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

Как поменять стиль главной страницы Blogger на сетку с миниатюрами

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

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

Ширину столбцов можно задать в дизайнере шаблонов.

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

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

Блог записей WordPress

Вступление

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

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

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

Блог записей WordPress

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

Для этого на вкладке Настройки>>>Чтение, просто выберите пункт настроек: Последние записи. Эту же настройку можно выставить/поменять на вкладке Внешний вид>>>Настройки.

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

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

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

Blog Manager Light

Лучший плагин, станица плагина ТУТ, дающий в бесплатной версии максимальное количество настроек блога.

По умолчанию, 6 шаблонов блога:

  • 1 колонка;
  • 4 колонки:
  • 1 колонка в стиле виджет;
  • Красивый шаблон в две колонки с оформлением;
  • Слайдер большой,
  • Слайдер в 3 колонки.

Масса нужных и полезных настроек. Например, вы легко можете изменить вид материала в блоге, а именно:

  • Выбрать категории для этого блога.
  • Убрать/оставить заголовок, картинку, мета-теги, дату, ссылку «читать далее».
  • Есть настройка миниатюры: размеры, ссылка на неё, цвет фона.

Все плагины, предназначенные сделать блог записей WordPress, управляются приблизительно одинаково. Покажу, как создать блог на примере этого плагина (Blog Manager Light).

  • Установите плагин, найдя его по названию (слову) на вкладке Плагины;
  • Установите и активируйте плагин. Если забыли, как это делать, читать тут;
  • Плагин появится в консольном списке. Вам нужна вкладка: Blog Manager >>> Add list;

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

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

После сохранения созданный блог появится в списке на вкладки Blog Manager >>> Blog lists. Под названием блога, есть кнопки Edit для изменения его настроек и кнопка Delete для его удаления.

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

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

Шорт код вставить на вновь создаваемую страницу, на вкладке «Добавить страницу».

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

И так, для создания блога нужно:

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

Всё готово. Вы создали отдельный блог записей выборочных рубрик и/или меток и/или авторов и вывели это блог на сайт отдельным пунктом меню.

Blog Designer

Во первых, плагин «Blog Designer» распространяется в двух вариантах, бесплатном и платном (за 30$). В бесплатной версии авторы дали 6 шаблонов (классический, легкий бриз, Spektrum, эволюция, хронология и новости) чтобы создать блог записей WordPress.


При создании блога, предусмотрены настройки для выбора рубрик для блога, выбор макета блога, добавления шаред кнопок, выбор цвета фона сообщений блога, изменение длины отрывка, изменение надписи «Read more».

Чтобы создать блог на странице, используется короткий код, wp_blog_designer (в квадратных скобках).

Недостатки

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

И главный недостаток, как мне кажется, с помощью этого плагина вы сможете создать, только один блог на своём сайте.

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

Напомню, платная версия стоит 30-40$, в зависимости от сезона.

WP Blog and Widget

Плагин «WP Blog and Widget» позволит создать страницу блог записей WordPress. К плагину прилагается свой виджет. Блог можно создавать по рубрике, и настраивать, изменяя основной шорткод плагина.

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

  • blog , в квадратных скобках.

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

  • blog category=»category_id» , в квадратных скобках.

Есть другие настройки кода для создания сетки, количества сообщений и т.д.

Мне не показался этот плагин интересным, наверное, потому что, мало визуальных настроек.

Примечание. Плагин «WP Blog and Widget» создан с настраиваемым типом сообщения. Если вы ищете плагин, который работает с существующими постами, используйте другой плагин этого же автора «Blog Designer — Post и Widget»

Blog Designer — Post and Widget

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

  • wpspw_post, простой блог, шорткод в квадратных скобках;
  • wpspw_recent_post_sl >

Плагин «Post Grid» поможет создать адаптивный блог постов в виде сетки и списка без кодирования. Вы можете отображать сообщения по любой категории (категориям), тегам, авторам, ключевым словам, также заказывать сообщения по идентификатору, типу, дате создания, изменению даты и порядку меню.

Работают 4 макета блог записей WordPress. Есть настройка положения и размеров миниатюр (миниатюра, средний, большой, полный), что ценно в бесплатной версии. Есть свой виджет.

Fusion Page Builder: Extension — Blog

Страница плагина ТУТ. Это дополнительный плагин к конструктору страниц, плагину Fusion. С его помощью можно создать блог записей отфильтровав их по рубрике, дате, автору, меткам. В блоге используется отрывок (excerpt), а не полное содержание (content).

Плагин подхватывает настройки количества сообщений на странице, установленных на странице «Настройки>>> Чтение».

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

Вывод

Вместо вывода, для блог записей WordPress я использую бесплатный плагин Blog Manager Light. Потому что, неограниченное количество блогов и 6 шаблонов внешнего вида меня устраивают. Из платных вариантов, рекомендую Blog Designer, их demo страница впечатляет.

3 причины сделать главную страницу блога статической

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

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

Итак, как статическая страница поможет:

  • Читателям лучше ориентироваться на блоге
  • Увеличить трафик из поисковиков
  • Усилить Ваш бренд и придать блогу солидность

Читателям легче сориентироваться на блоге

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

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

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

Увеличение трафика из поисковиков

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

Но получить такой трафик достаточно сложно. Более 200 факторов Google использует при ранжировании (сортировка ссылок по запросам). В идеале необходимо попасть в первые 3 ссылки списка выдачи по ключевому запросу.

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

Статическую страницу проще оптимизировать под ключевые запросы.

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

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

Сокращается показатель отказа

Показатель отказа один из 200 факторов, которые Google использует для ранжирования. Чем он ниже тем лучше.

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

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

Я провела небольшое исследование. Установила на главной странице статическую страницу с ключевой информацией. И это дало очень хороший результат. Показатель отказа на главной странице сократился на 10%.

Статистика посещений за неделю на главную страницу в виде ленты статей:

Статистика посещений за неделю на главную статическую страницу:

Как видно из статистики количество просмотров, уникальных просмотров страниц, время проведенное на блоге, входы — увеличились почти в 2 раза. А показатель отказа уменьшился на более чем 10%.

Статическая странице легче ленты статей, быстрее грузиться

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

Если мы создаем статическую страницу, она в 2 раза легче, время загрузки в 4 раза меньше и скорость в 2 раза быстрее.

Размер и скорость загрузки страницы тоже влияют на ранжирование.

Главная страница — лицо Вашего блога

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

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

Как создать главную статическую страницу


Самый простой способ — это воспользоваться премиум плагином «Входная страница». Это плагин создан специально для шаблона AB-Inspiraiton 5.0. Плагин очень прост в управлении. С помощью плагина Вы можете легко вывести нужный материла из уже готовых страниц, рубрик, статей, отзывов или произвольного контента.

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

Также в плагин встроены 476 готовых иконок в одном стиле. Вы можете использовать иконки вместо изображений для произвольного контента.

Размещение данных на главной странице блога

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

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

Способы размещения данных на главной странице

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

1. Публикация в полном объёме

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

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

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

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

2. Публикация цитат

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

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

Вынос цитат на главную страницу сейчас применяется широко. Преимущества этого решения:

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

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

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

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

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

3. Журнальный стиль оформления

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

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

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

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

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

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

Примеры оформления главных страниц блогов

Далее мы предлагаем вам несколько примеров оформления главных страниц блогов различными способами

: Vectips
Такой способ выноса цитат с пиктограммами по левому краю довольно популярен.

: Lokalisten Sprechblase
Короткая выдержка из каждого сообщения, снабжённая картинкой. На главной странице даются только три последние публикации.

: Blogfullbliss
Картинки на главной странице расположены справа от цитат.

: Creative Tempest
Очень короткие цитаты и по одной пиктограмме из развёрнутых публикаций к каждой.

: Blog Me Tender
Выдержки их трёх последних публикаций, каждая с картинкой.

: The Art of Nonconformity
Необычная разметка с разбивкой по центру. Пять цитат из сообщений расположены слева.

: Bluedots Design
Картинки на этой главной странице находятся сверху, а не рядом с цитатами.

: Design Reviver
Пример гибкости оформления, достигаемой выносом цитат на главную страницу. Разместить здесь тексты целиком в двух таких столбцах было бы невозможно.

Выдержки и выделение фрагментов:

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

: Colorburned
Подобное комбинированное решение использовано и здесь.

: L’effet Crea
На этой главной странице также отведено место выделенным особо сообщениям — вверху, над выдержками из последних публикаций.

: Pop Culture Tees
Четыре заголовка вынесены в ряд (в своих разделах) над цитатами из последних сообщений. Самые свежие новинки («Latest Tees») — слева от цитат.

: The 9513
Выдержки из «Редакторской подборки» («Editor’s Picks») даны в основной колонке, а заголовки последних публикаций блога — справа.

: Kineda
Одно из сообщений вынесено «В центр внимания» («In the spotlight»), а четыре другие популярные на этой неделе публикации расположены в ряд. Выдержки из остальных недавних статей следуют ниже.

: ANidea
Одному центральному заголовку с анонсом отведено особое место. Ещё четыре выдержки из прочих разделов следуют ниже.

: Ecoki
Центральная статья вынесена вверх, четыре последних сообщения расположены в ряд, а далее ещё четыре важных публикации.

Публикации в полном объёме:

Нестандартные решения в оформлении главных страниц:

: Story Pixel
Заголовки трёх последних сообщений без цитат или полных версий публикаций.

: Michela Chiucini
Выдержка из одного сообщения с данными ниже заголовками других свежих публикаций.

: Dirt Du Jour
Одна публикация полностью на всю страницу.

Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Лицом к лицу: 20 примеров оформления главной страницы сайта

Время чтения: 26 минут Нет времени читать? Нет времени?

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

В статье собраны примеры 20 главных страниц с разной тематикой. Решайте сами – хороши они или не очень.

Московский машиностроительный завод «ВПЕРЕД»

Завод-производитель рулевых винтов и лопастей к ним для вертолетов семейства «Ми».

Особенности


  1. При нажатии кнопки «Меню» в правом верхнем углу показывается подробное меню и дублируется футер:
  1. Сайт имеет две версии – русскую и английскую. Переключение происходит автоматически после нажатия на соответствующий флажок.
  2. Сразу указывается направление деятельности и дается оформленная в виде кнопки ссылка на каталог продукции, страницу с описанием сервиса, а также на текст о компании.
  3. Для каждой модели вертолета указываются варианты изготовления рулевого винта и лопастей со ссылкой на соответствующие страницы каталога:
  1. В кратком виде приводятся тексты о производстве и сервисном обслуживании (последний раздел является сквозным для всего сайта). Оба текста можно прочитать, нажав кнопку «Подробнее».
  2. Внизу приведен краткий список партнеров, который также можно посмотреть в расширенном виде.
  3. В футере продублированы все пункты меню, приведен график работы и контактные данные.

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

Штучка

Интернет-магазин товаров для рукоделия.

Особенности

  1. Первый экран главной странице представляет собой рабочий стол специалиста, занятого рукоделием – сразу же понимаешь, куда ты попал и куда можешь перейти – в каталог.
  2. Почти сразу же появляется всплывающее окно:
  1. Отдельный блок отведен под акцию с бесплатной доставкой:
  1. Каталог также представлен более подробно – в виде плиточек с категориями товаров.
  2. Текстовый блок отведен под короткое описание магазина, схему работы конкурентные преимущества.
  3. Затем новостной блок, который не часто обновляется (можно подписаться на рассылку RSS). Последняя запись сделана в День Победы:
  1. Прямо на главной странице приводится блок с отзывами, которые можно вручную полистать:
  1. Далее интерактивная карта и подробный список контактных данных:
  1. Есть подписка на рассылку, за которую дают 3% скидок:
  1. Далее следует блок-портфолио с работами участниц. При открытии любое изображение можно прокомментировать:
  1. В самом конце расположена панель ссылок на страницы интернет-магазина в соцсетях.
  2. В футере представлены открытые счетчики статистики сайта.

Главная страница хорошо проработана и дает такой объем информации, что как минимум хочется «походить» по остальным страницам сайта. Хоть ты – брутальный мужик, а не рукодельница :).

Пелси

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

Особенности

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

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

Столярная мастерская

Индивидуальное изготовление мебели и предметов интерьера.

Особенности

  1. Сайт – одностраничник. Весь первый экран – текст на красивом фоне (представление и короткое описание общими фразами) + призыв к действию в кнопке:
  1. Сразу же после него блок с новыми работами. При наведении на любую работу появляется ссылка «Подробнее». При нажатии испытываешь огорчение:
  1. После следует единая форма подписки на консультацию – неважно, есть ли у вас дизайн-проект или нет.
  2. Следующий блок – информация о мастерской:
  1. После этого начинается та часть страницы, где рассказывается про услуги компании и особенности ее работы.
  • в блоке «Мы предлагаем» описаны названия услуг и их короткое описание:
  • в блоке «Что мы используем в работе» описаны материалы и возможность делать из них нетривиальные изделия. Для наглядности текст иллюстрирован:
  • далее блок с конкурентными преимуществами, из которых лично меня зацепили возможность сделать то, чего нет ни в одном магазине и посмотреть на весь процесс производства;
  • в блоке «Нам под силу» компания делится своими возможностями:
  • наконец, портфолио работ с не самыми качественными изображениями, опять же нет подписей к работам, когда их начинаешь смотреть:
  1. Сразу вызывает интерес блок «История нашего клиента», но он подан не в форме от первого лица, а как очень короткий рассказ компании о своих заказчиках:
  1. Завершается главная страница стандартной формой обратной связи «Остались вопросы?» и интерактивной картой с адресом офиса продаж.

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

Студия Михайловых

Дизайн интерьеров под ключ.

Особенности

  1. Первый экран сделан по схеме «Сфера деятельности + короткое описание + кнопка с призывом к действию»:
  1. Далее блок, который более подробно описывает преимущества от работы с фирмой. Странно, что очевидная кнопка «Заказать» – всего лишь элемент рисунка – так и хочется на нее нажать:
  1. Следующий блок, обращающий на себя внимание – схема работы – тут все проиллюстрировано и подробно описано:
  1. Логически верно идущий блок «Есть вопросы?» с рекомендацией перехода в FAQ:
  1. Портфолио работ с кратким описанием каждой при наведении курсора (при щелчке откроется окно с подробным описанием работы) и возможность посмотреть все проекты:
  1. Далее текстово-графический блок о деятельности фирмы – коммерческие интерьеры домов в Сочи.
  2. Завершает страницу калькулятор расчета стоимости:
  1. В футере сайта подробно расписаны все услуги, цены на проекты и теория (тематические статьи).

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

Рок-группа под бессменным руководством Юрия Юлиановича Шевчука.

Особенности

  1. Когда открываешь сайт, теряешься – кажется, что просто открыл картинку в новом окне. Все, что надо – начать скроллить вниз:
  1. Если листать дальше, будет список, где в топе показываются знаковые и пока не отыгранные концерты:
  1. Затем поклонники и посетители могут посмотреть и купить концертные CD группы:
  1. Непременный блок для такого типа сайтов – состав группы:

+ команда поддержки и контактные данные:

  1. Завершается страница ссылками на соцсети и магазин атрибутики:

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

Texterra

Особенности

  1. Первое, на что обращаешь внимание – это акцентуация на омниканальности и ссылка на подробное описание услуги комплексного интернет-маркетинга. Не думаю, что все знаю про понятие «омниканальность» (объяснение более простыми словами, чем в «Википедии» решит вопрос):
  1. Далее перечень услуг. Меня удивило, что тут услуги не раскладываются на подуслуги, как на одноименной странице, которые я разобрал в предыдущей статье. Краткие описания – информативные, раскрывают суть.
  2. Блок «Почемучка»: оформленный буллитами текст, подкрепленный видеороликом + ответ на вопрос, зачем нужен комплексный интернет-маркетинг:
  1. Затем мы видим самое мощное оружие «Текстерры» – последние записи из блога и кнопку-ссылку на все материалы. Кстати, воспользуйтесь генератором тем для блога:
  1. Завершает страницу блок с клиентами «Текстерры» (я бы так и обозначил его – «Наши партнеры»). Логотипы постоянно меняются:

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

  1. В футере – контактные данные, реквизиты, а также ссылки на представительства «Текстерры» в социальных сетях и продублированное меню.

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

Астраханская

Рыболовная и база отдыха.

Особенности

  1. Первое, что бросается в глаза – растения и домики:

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

  1. Следующий блок рассказывает посетителям сайта о том, что их ждет на базе «Астраханской»:
  1. Далее блок с текстом о базе:
  1. Далее информация, которую можно охарактеризовать как услуги:
  • «Номера» с ценами и кнопками-ссылками на бронирование. При нажатии здесь же появляется форма:
  • «Размещение», где рассказывается, что входит в стоимость;

  • «Инфраструктура» – развлечения для взрослых и детей, активных и ленивых:
  • «Рыбалка» с прайс-листом и заметкой, что ловить вы будет в компании егеря-чемпиона России по охоте и рыбной ловле;
  • «Корпоративный отдых» с той же самой формой бронирования, что и у «Номеров»;
  • «Оздоровление и отдых» – описано, что туда входит. С такими вот иллюстрациями:
  1. Завершает страницу подробное описание, как добраться авто-, авиа- и железнодорожным транспортом:

+ интерактивная карта с телефонами бронирования и электронной почтой:

Среди подобных сайтов выделяется качественным и информативным оформлением. Поеду рыбачить на Волгу – обязательно открою сайты «Астраханской» и базы «Углянское». И буду выбирать между ними.

Правильные печи

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

Особенности

  1. Весь сайт, а не только главная, создает приятную атмосферу теплой русской печи, за что огромный плюс в карму создателей. И как подкрепление моих слов:
  1. Блок «О нас» – здесь очень удачно графикой сделаны некоторые слова:
  1. Блок «Услуги» с хорошими картинками, кратким описанием и, что здорово, ссылками «читать…» на подробное описание услуг:
  1. Фотогалерея – еще один образец нетривиального оформления. Смотрите, что тут можно сделать:
  1. Финальный блок «Связаться с нами» – достойное и уютное окончание главной страницы:
  1. В футере – ссылки на страницы «Правильных печей» во «ВКонтакте» и «Одноклассниках».

Вместо своих комментариев лучше приведу точную цитату из раздела «О нас»:

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

Москоу Холидей Хотел

Отель в самом центре Москвы.

Особенности

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

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

Деловые линии

Особенности


  1. Шапка сайта очень информативная:
  • возможность выбрать город (определяется автоматически);
  • телефоны представительств в разных странах;
  • функция онлайн-звонка;
  • пиктограммы расчета заказа, статуса заказа, поиск по сайту;
  • авторизация для входа в личный кабинет;
  • лента событий компании.
  1. Далее не менее насыщенный информацией блок:
  • по нажатию на пиктограмму грузовичка появляется описание конкретной акции:
  • в окошке можно рассчитать стоимость доставки груза между двумя любыми городами;
  • есть информация о количестве филиалов «Деловых линий» в вашем городе и их общее число;
  • введя номер, можно отследить в окошке его путь или воспользоваться помощью, нажав на ссылку «Не знаете номер заказа?».
  1. Следующий блок состоит из перечня услуг транспортной компании, выстроенной по схеме «название услуги / информация об акциях по ней / порядок оказания / документы для скачивания в формате pdf для этой услуги»:
  1. Компания предусмотрела следующее окно, если вы не нашли в этом перечне то, что нужно:
  1. Следующий блок посвящен особенностям и конкурентным преимуществам компании. Обращают на себя внимание, конечно же, цифры:
  1. Страница завершается текстом о компании:
  1. Футер сайта очень большой – содержит все многочисленные ссылки на разделы, кнопки представительств в соцсетях и кнопки расшаривания страницы (!), ссылку на мобильную версию, а также информацию о соответствии деятельности системе качества ISO 9001:

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

Русский кондитер

Один из крупнейших производителей мармелада на территории России.

Особенности

  1. Полезная шапка сайта – можно бесплатно позвонить, скачать презентацию фабрики и драже, посмотреть адреса компании в соцсетях и переключить язык на английский:
  1. Следующий блок состоит из автоматически и вручную сменяемых картинок с анонсами продукции, любую можно посмотреть подробнее в соответствующей категории:
  1. Далее блок с пагинацией всех продуктовых линеек фабрики. При наведении на любую из них появляется ссылка «Смотреть линейку»:
  1. Блок-«вкусняшка» сильно отвлекает от анализа страницы. Но это цифры, которые всегда важны для партнеров и покупателей:
  1. Следующий блок с фильтрацией – вы можете посмотреть и заказать товары по категориям «Хиты продаж», «Новинки производства» и «Акция»:
  1. Отдельного внимания заслуживает блок «Акция» — это настоящее уникальное торговое предложение фабрики! Судите сами:
  1. Если захотелось узнать подробнее и заказать брендированный мармелад, после нажатия на кнопку появится такая форма обратной связи:
  1. Следующий блок – сугубо рекламный, содержащий конкурентные преимущества фабрики:
  1. На этом продажи не заканчиваются. Следующий блок усиливает действие предыдущего и завершает страницу:
  1. Футер сайта дублирует шапку и содержит все пункты меню и адрес компании.

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

Holiday Kids

Организация и проведение детских праздников с аниматорами в Москве.

Особенности

  1. Первый экран – слова на фоне видео и то, что ждешь от этого всего:
  1. Далее блоки, раскрывающие суть детских праздников – какие компания проводит (о каждом можно прочесть подробнее, щелкнув по картинке) и как мы можем заказать их себе. Пункт № 4, правда, по смыслу сюда не вписывается, потому что это рассказ об особенностях работы студии:
  1. Далее, внимание, география организации праздников (по щелчку на населенный пункт открывает страница, показывающая аниматоров конкретно в нем) + закономерный призыв заказать аниматора прямо сейчас:
  1. Наконец, блок, до которого, многие быстро долистывают, когда переходят на сайт – ролевые модели аниматоров. Вот лишь фрагмент:
  1. Следующий блок – реально на добивание и закрытие сделки:
  1. Далее следуют тарифы (!) на детские праздники. Неравенство есть и здесь:
  1. Как говорят старые рекламисты, «но и это еще не все»:

…и чуть ниже дублируется блок «Заказать аниматора прямо сейчас», несмотря на обилие кнопок «Заказать».

  1. Кому и этого мало, пожалуйста:
  1. Далее социальные доказательства:
  • видеоролики;
  • фотоотчеты;
  • конечно же, отзывы:
  1. Наконец, контакты и форма обратной связи:
  1. Ниже текст, который явно было написан больше для нужд SEO, чем для людей:
  1. Завершается страница дублированием блока с географией доставок детских праздников.
  2. В футере повторяется про гарантию возврата денег, дублируется меню, приводятся контакты и размещаются кнопки-ссылки на группы компании в соцсетях.

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

Москафе

Недорогой ресторан в центре Москвы.

Особенности

  1. Обратите внимание на доменный адрес – это единственный сайт в подборке, где используется тематический домен .cafe.
  2. Первый экран привлекает внимание фирменным стилем написания, возможностью переключения языков. Но главное – написанный крупным телефон и кнопка с призывом забронировать столик:
  1. А дальше – блок, который показывает положительные стороны кафе:
  1. Этот блок усиливается текстом и фотографиями ниже:
  1. Следующие два блока – «Популярные блюда» и «Интерьер МОСКАФЕ» содержат фотографии с пагинацией. Любое изображение можно увеличить, но картинки не подписаны:
  1. Важнейший блок «Акции» — я бы поместил его сразу под первым экраном:
  1. Затем блок с контактными данными, интерактивная карта и форма для бронирования столика «онлайн»:
  1. Завершается страница формой подписки на новости и акции «МОСКАФЕ».

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

Викиум

Интерактивная система развития мозга.

Особенности

  1. Первый экран говорит, что сейчас будет тренировка мозга (ее можно уже начать, переключившись на английскую версию сайта). Кнопка «Начать развиваться» переводит на страницу с опросом для построения учебной программы. Ссылка «У меня уже есть аккаунт» открывается окно авторизации:
  1. Следующий блок «продает» нам идею заниматься ежедневно:
  1. Думаете, что вам рано / поздно заниматься? Блок отрабатывает эти возражения:
  1. Немного научной информации для закрепления результата никому не повредит:
  1. Тренироваться по «Викиуму» легко. Вот простая схема:
  1. Абсолютно логичный блок с социальными доказательствами (ссылки на профили отозвавшихся людей повысили бы доверие):
  1. Далее блок, который на профессиональном жаргоне называется «ачивки»:
  1. В футере сайта показан контактный телефон, ссылки на пресс-службу и помощь (если перейдете по любой, окажетесь в интерфейсе почтового сервиса).

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

Обновление статьи от 02.08.2020

Из рук в руки

Всероссийский портал объявлений.

Главная страница портала объявлений «Из рук в руки»

Особенности

  1. Шапка сайта однозначно говорит о том, что мы находимся на портале объявлений:
  • нажатие на надписи «Избранное» открывает окно сбоку, где написано, что мы можем добавить в избранное любое понравившееся объявление, нажав на кнопку со звездочкой;
  • надпись «Вход» – авторизация на сайте или регистрация (жаль, что всего два способа – стандартная регистрация по логину и паролю и вход через mail.ru);
  • кнопка «Добавить объявление» переводит на страницу создания нового объявления;
  1. Поисковая строка состоит из трех секций:
    • поиск товара или услуги с поисковыми подсказками;
    • выбор категории;
    • выбор региона.
  1. Следующий экран показывает фактически структуру каталога сайта – список объявлений. Весь список оказывается при нажатии на кнопку «Больше категорий»:
  1. Следующий блок – «Рекомендуемые объявления»:
  1. Ниже следует блок «Из рук в руки для бизнеса»:

Заявку оставить нельзя… проверял в трех браузерах.

  1. Футер сайта информативный:
  • можно скачать мобильное приложение «Из рук в руки» на смартфон под iOS или Andro >

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

Национальный медицинский исследовательский центр хирургии им. А.В. Вишневского

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

Главная страница НМИЦХ им. А.В. Вишневского

Особенности

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

Блок идет в сочетании с новостями:

  1. А вот так выглядит весь блок, который появляется при переключении стрелочкой вместо обращения директора и новостного блока:
  1. Далее идет блок, который можно смело назвать «продающим»:
  1. В футере сайта дублируется шапка. Здесь есть интересная возможность: при нажатии на кнопку вы переходите к заполнению анкеты для оценки работы НМИЦ хирургии имени А.В. Вишневского в цифрах.

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

Персона

Салон красоты в Москве.

Главная страница системы салона красоты «Персона»

Особенности

  1. Первый же экран сайта обещает преференции для новых клиентов:

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

  1. Далее идет информационный блок с разными предложениями:
  1. Следующий блок закономерно посвящен ценам и услугам парикмахерского сервиса:
  1. При нажатии на кнопку появляется всплывающее окно. Остается только ввести свой телефон и получить скидку:
  1. Следующий блок – всегда желанные «Акции»:
  1. Ниже салон красоты рассказывает о своих преимуществах:
  1. Далее следует фотогалерея работ:
  1. Заканчивается страница стандартно: интерактивной «Яндекс.Картой» и информацией о контактных данных.
  2. В футере дублируются кнопки соцсетей. И самое главное – здесь есть ссылка на политику конфиденциальности.

Красивая главная страница – вроде бы, это естественно для салона красоты, но далеко не все подобные компании так оформляют свои ресурсы. А свой канал в YouTube и забота о персональных данных клиентов дают дополнительный плюс в карму «Персоны».

Государственная Третьяковская галерея

Главный музей национального искусства России.

Главная страница Государственной Третьяковской галереи

Особенности

  1. Один из экранов сайта напоминает о недавно состоявшемся ЧМ по футболу – с мая по сентябрь идет тематическая выставка:

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

  1. Далее идет блок с краткой информацией о входящих в Третьяковскую галерею подразделениях:
  1. Важнейший блок на главной странице галереи – конечно же, «Выставки»:
  1. Ниже – интереснейший блок «Коллекция». Смотрите, что будет при наведении на слово курсора мыши:
  1. Далее следуют «События и анонсы»:
  1. Дальше – еще интереснее. Блок «Программы» – о том, чем могут заниматься посетители Третьяковской галереи, помимо простого созерцания картин:
  1. Завершает страницу новостной блок Третьяковки:
  1. В футере присутствует стандартная для этого раздела информация (дублирование разделов, кнопки соцсетей) + возможность подписаться на электронную рассылку новостей Третьяковской галереи.

Наглядный пример того, как государственное учреждение может сделать красивый и информативный сайт. Те, кто пока не может посетить галерею вживую, могут посмотреть фото в Instagram и подписаться на канал Третьяковки в YouTube.

Альпина Паблишер

Интернет-магазин книг от одноименного издательства.

Главная страница издательства «Альпина Паблишер»

Особенности

  1. Первый экран привлекает внимание к одному своему разделу:

В каталоге книги разделены на 11 категорий и приводится информация о доставке, оплате, скидках и т. д.

  1. Следующий блок – радость для глаз – обложки книг-новинок:
  1. Следом идут персональные рекомендации книг:
  1. Обязательная информация о бестселлерах на подобных сайтах:
  1. Далее – «Альпина.Медиа». Самые свежие записи из блога книжного издательства:
  1. После этого дет блок с новыми решениями «Альпины» – книжками pocket-формата:
  1. Ниже еще одна находка издательства – блок «Книга недели»
  1. Не забыли и про подборки книг:

Дальше идут два раздела, которые можно объединить словом «Счастье».

  1. «Книга в подарок»:
  1. Отзывы на книги – важная часть главной страницы издательства:
  1. На главной странице есть панель расшаривания в социальных сетях:
  1. Далее – обязательная информация доставке и оплате + описание преимуществ работы с «Альпиной»:
  1. В футере дублируется основная информация сайта, приводятся ссылки на страницу магазина в «Яндекс.Маркете» и адреса групп издательства в соцсетях:
  1. Также здесь есть интересная кнопка «Письмо издательству». При нажатии на нее появляется такое окошко:

Идеально собранная главная страница. Каждая ее часть не шепчет, а нежно кричит «Купи книгу – эту, эту и вот эту. У меня для тебя и скидки есть, и доставка удобная, и оплата. Купи!». Браво, «Альпина»!

Встречают по главной странице, по ней могут и проводить

Тот случай, когда выводы несложно сделать самим.

  1. Меню сайта:
  1. Текст на главной странице:
  1. Положительный момент с конкурентными преимуществами:

Финальный блок главной страницы:

  • реквизиты интернет магазина + категории товаров + информация по учетной записи + «информация». А в боковом меню тоже «Информация», но другая:
  • «Мои купоны» выходят за рамку – тут уже к верстке вопрос;
  • к мобильной версии сайта не переходите – я предупреждал;
  • самое интересное здесь – информер открытой статистики «Яндекс.Метрики», который красноречиво говорит о сайте:

Вы заметили, что в футере стоит 2013 год? Сам сайт по данным WHOIS создан в конце 2012 года, но как сказала моя жена: «как будто в старые советские времена сделали сайт, а потом его забросили».

Не забрасывайте свои сайты, следите за их «лицом» – главными страницами, периодически делайте контентно-графический макияж. И люди к вам потянутся!

Какие страницы должны быть на блоге

Здравствуйте, уважаемые читатели моего блога.

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

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

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

Каким должен быть основной набор страниц настоящего блога

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

  • Главная
  • Об авторе
  • О блоге
  • Карта блога
  • Контакты или обратная связь

У каждой из означенных страниц имеется своя функция или миссия. Главная страница – это лицо блога, по которому можно судить о многих параметрах, и в первую очередь об отношении к своему детищу самого автора. Страницы «Об авторе» и «О блоге» — это презентация личности хозяина блога, представление его, как человека и как специалиста в какой-то теме или сфере деятельности. Карта блога – это, с одной стороны, удобный путеводитель по статейному лабиринту, а с другой стороны, вспомогательный штрих к портрету экспертности хозяина ресурса. И, наконец, страница обратной связи – это показатель доступности и открытости автора для своей аудитории, ради которой блог по большому счету и затевался. Это что можно сказать о каждой странице в общем, теперь давайте посмотрим, так сказать, более масштабную картину. А также разберем, как создать и чем наполнить каждую из основных страниц блога. И начнем, пожалуй, с главной.

Как создать и чем наполнить главную страницу блога

Обычно эту страницу создавать специально не требуется, потому что она создается автоматически при установке движка и шаблона, а также назначении имени сайта. В этом случае ее внешний вид представлен лентой анонсов записей. Сколько их будет, решать вам, но обычно не более 7-10. Желаемое число отражаемых на главной странице анонсов выставляется в административной панели, в пункте меню «настройки», подпункте «чтение». Главная этого типа присутствует на 95% блогах, в том числе и у меня. Чтобы увидеть ее, пройдите по адресу asbseo.ru, или наберите этот адрес вручную.

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

Если и вы захотите оформить «лицо» своего блога по их примеру, то вам придется сделать 3 обязательных шага.

1. Создать новую страницу, как это делается в техническом плане, я объяснял тут.

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

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

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

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

Как создать и чем наполнить страницы «Об авторе» и «О блоге»

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

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

  • Как вас зовут
  • Где вы живете
  • Где учились или учитесь, кем работаете или работали
  • Чем увлекаетесь в свободное от основной учебы/ работы время

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

5. Зачем вы начали вести этот блог. Я рекомендую на страничке «О себе» затронуть и этот вопрос, но очень коротко, с целью заинтересовать читателя и перевести его на страницу «О блоге». Ведь чем больше страниц просмотрит посетитель, тем лучше для блога в плане его продвижения и индексации. Поэтому в конце текста напишите примерно такую фразу: «Кстати, тематика моего блога – это тоже мое хобби, но подробнее я расскажу об этом на следующей странице», и слово «следующей» сделайте ссылкой на страницу «О блоге».

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

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

Со страницы «О блоге» читателя можно перенаправить по трем путям:

  1. На страницу «Об авторе», сказав, что познакомиться с вами ближе можно именно там
  2. На страницу «Карта блога», сказав, что на ней можно познакомиться со всем содержанием ресурса
  3. На страницу «Контакты», сказав, что при наличии вопросов, пожеланий и замечаний через нее можно легко связаться с автором.

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

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

Как создать и чем наполнить страницу «карта блога»

Разобравшись со страницами о личности и экспертности автора, переходим к созданию и наполнению следующего раздела – страницы «Карта блога». В моем случае эта страница называется «Все статьи», а кто-то называет ее словом «Содержание». Создается она очень просто при помощи плагина «Dagon Design Sitemap», я писал об этом вот тут, почитайте. Ну, а наполнять эту страницу мы будем статьями, публикуемыми на блоге. Причем указанный выше плагин будет добавлять их автоматически, сразу после опубликования каждой новой статьи. Единственное, в начале страницы до списка статей и рубрик, вы можете чиркнуть несколько приветственных слов для своих читателей, как это сделано у меня (https://asbseo.ru/karta-bloga).

Как создать и чем наполнить страницу обратной связи

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

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

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

Главная страница блога

Главная страница блога – это практически «лицо» web-ресурса, позволяющее определить, что именно он из себя представляет. Однако многие блогеры относятся к ее оформлению весьма равнодушно, ограничиваясь стандартными настройками WordPress, в результате чего главная страница блога представляет собой «кашу» из первых абзацев (или анонсов) последних заметок и записей. В результате главная страница блога представляет собой самый настоящий дубль уже имеющихся на сайте текстов, поэтому ее ранжирование заметно ухудшается.

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

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

Динамическая или статическая главная страница блога?

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

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

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

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

Как сделать главную страницу WordPress

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

Создать статичную страницу можно в панели управления по адресу: Страницы – Добавить новую.

Закрепить ее на главной блога по адресу: Настройки – Чтение.

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

Мастер Йода рекомендует:  Правильный код правила хорошего тона начинающего программиста
Добавить комментарий