Как оформить блог: 20 примеров оформления блогов

<div>часть текста</div>

Как вести свой блог? Шпаргалка начинающего блогера (2019)

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

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

Зачем вести свой блог

Когда человек делает что-то крутое — печет торты, путешествует автостопом или много читает — ему, скорее всего, скажут: «Заведи себе блог». Но пока нет внутренней мотивации, стать блогером вряд ли получится. Вот несколько идей, среди которых вы можете найти себе стимул.

Зарабатывать на блоге

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

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

Тестировать подходы и приемы, полезные для работы

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

Строить личный бренд

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

Выгружать мысли и структурировать знания

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

Блог как хобби и отдушина

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

Знаете фильм «Джули и Джулия»? Главная героиня днем работала оператором в колл-центре, а вечерами готовила блюда и писала в блог. Это биографическая история — Джули прославилась, издав книгу по мотивам блога. А потом по книге сняли фильм.

О чем вести блог

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

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

Придумав себе челлендж или приняв участие в нем, вы получаете несколько плюсов:

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

Примером личного вызова — челленджа — может быть лайф-лист на блоге Сергея Капличного. Сергей составил список из 100 дел, которые хочет выполнить за год. Например, не брить бороду полгода, принять участие в разработке приложения и другие. Он выполняет пункты из списка и описывает результаты в статьях.

Составлять кейсы и разбирать их в блоге

Если у вас нет ярких рабочих кейсов для блога, можно придумать их самому. Например, Люда Сарычева, автор книги «Пиши, сокращай», на старте блога разбирала несуразные рекламные объявления и показывала, как сделать лучше. Редактор Ира Грязных переделала схему метрополитена, которая ее раздражала. Просто так, не за деньги, и описала это в блоге:

Описывать события из жизни в онлайн-дневнике

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

Автоматизация email рассылок

Отправляйте цепочки триггерных сообщений приветствия, брошенной корзины, реактивации, совмещая внутри одной цепочки email, SMS и web push.

Настроить триггерные рассылки

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

Чтобы сделать онлайн-дневник интересным, понадобится своя «фишка» — особый стиль письма или личная точка зрения. Например, вы рассказываете о своей жизни с позиции жизнерадостного пессимиста:

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

Например, Миля Котлярова, автор блога Digital Broccoli, следит за новостями в мире фриланса. Она разъясняет законы о самозанятых, изменения в выплатах на биржах и так далее.

Писать обзоры: книг, программ, косметики, рабочих инструментов

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

Как начать вести блог

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

1. Придумайте название

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

2. Выберите движок для блога

Удобнее вести блог на движках, которые созданы именно для этого — WordPress, Эгея.

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

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

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

3. Купите имя для домена и выберите хостинг

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

4. Оформите блог

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

• посмотреть видео на YouTube по настройке вашей CMS;
• написать хостеру;
• спросить совета у друга с опытом;
• нанять фрилансера.

5. Напишите и опубликуйте первую статью

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

6. Покажите статью читателям

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

Как вести свой блог

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

Записывайте идеи

Заведите привычку записывать мысли и наблюдения, чтобы не терять интересные идеи. Для записей можете использовать приложения Evernote, Wunderlist, Bear. В них удобно добавлять заметки на ходу:

Составьте план публикаций

Контент-план помогает выпускать статьи регулярно. Планировать темы будущих статей и работу над ними удобно в Trello. Хотя можно использовать обычные таблицы в Google Docs.

Анализируйте статистику блога

Установите на блог систему аналитики — Google Analytics, Яндекс.Метрика. Статистика покажет, как растет посещаемость блога, какие статьи приносят больше трафика и по каким ключевым словам посетители приходят на блог.

Установите SEO плагин и оптимизируйте статьи для поисковых систем

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

Подбирайте для статей поисковые запросы в Google Ads и Яндекс.Вордстат и прописывайте их в заголовке, подзаголовках, тексте статьи и alt-текстам к картинкам.

Отвечайте на комментарии

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

Установите форму подписки на рассылку

Превратить посетителей блога в постоянных читателей поможет email рассылка.

Отправляя анонсы новых статей или подборки прошлых, вы сохраняете связь с читателями.

Контакты читателей собирают через формы подписки: встроенные, всплывающие. Встроенная форма менее заметна и ненавязчива. Зато всплывающая лучше конвертирует посетителей в подписчиков, как показывает опыт клиентов SendPulse.

Всплывающая форма подписки более агрессивна, ее трудно не заметить. Чтобы люди не злились, поп-ап нужно правильно оформить: не прятать кнопку «закрыть окно», добавить к нему ценное предложение — лид-магнит:

В SendPulse можно создавать разные формы подписки: встроенные, поп-ап, плавающие, фиксированные.

Обновляйте блог: дизайн, форматы статей, рубрики

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

Где лучше вести блог

Площадку для блога выбирают исходя из целей. Вести онлайн-дневник можно в соцсетях, Telegram или в системе микроблогов Tumblr. Развивать личный бренд — на Medium. Для заработка нужен полноценный сайт на WordPress или другом движке. В этом разделе разберем особенности площадок.

Социальные сети

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

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

Facebook

В Facebook, чтобы начать вести свой блог, можно создать специальный профиль — «Личный блог». У него тот же функционал, что и у бизнес-страницы: можно продвигать публикации и посмотреть расширенную статистику.

Кроме обычных постов, Facebook предлагают функцию «Заметки» для публикации длинных текстов. Их можно отформатировать как статьи, добавлять иллюстрации в шапку. В Facebook заметках можно прописывать только заголовки h2 и h3, также эти посты нельзя продвигать.

«Вконтакте»

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

Во «Вконтакте» можно создавать заметки, как в Facebook, но с большими возможностями. Например, есть отдельный сниппет для заметки. Вот так выглядит заметка во «Вконтакте»:

Instagram

Тем, кто любит и фотографировать, и писать, подойдет Instagram.

В Instagram тоже можно выбрать тип профиля «Личный блог»:

«Личный блог» дает несколько преимуществ по сравнению с обычным профилем:

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

Telegram-мессенджер

Telegram уже давно перерос функционал мессенджера. Здесь можно создать свой канал, публиковать заметки и приглашать читателей из других ресурсов. В этом Telegram похож на соцсети.

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

Выбрать тему для себя поможет статистика популярных каналов в Telegram:

В соцсетях и Telegram хорошо тренироваться писать регулярно и изучать реакцию аудитории. Получается писать и есть отклик? Тогда можно переходить на свой сайт.

Блог на своей CMS

Собственный сайт на CMS — это вариант классического блога, где вы полностью управляете контентом и рекламой. Для ведения таких блогов используют платформы WordPress, Ghost, Эгея.

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

Блог-платформы — Medium, Яндекс.Дзен

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

Яндекс.Дзен — площадка для текстовых блогов, которая позволяет заработать, подключив показы рекламы в статьях.

Плюсы	Минусы
Блог-платформами пользуется много людей — это готовая аудитория, которую вы можете пригласить в свой блог.	Ограничения по содержанию контента (в Яндекс.Дзене более жесткие, в Medium их меньше).
Начать вести блог можно за пару секунд: зарегистрируйтесь, заполните профиль и публикуйте статью.	Ограниченные возможности монетизации.
Есть форматирование контента, что позволяет управлять вниманием читателя.

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

Где можно вести свой блог бесплатно

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

Бесплатные платформы для блога:

• Medium — международная платформа для творчества и самореализации. Популярна среди писателей, журналистов, блогеров.
• Tumblr — служба микроблогов. Многие авторы публикуются анонимно. Особенность площадки в терпимом отношении к контенту сексуального характера. Здесь официально разрешено размещение эротических и порнографических материалов.
• Яндекс.Дзен — издательская платформа Яндекса. Позволяет авторам публиковать контент разных форматов: статьи, посты, нарративы, видео.
• Telegram — мессенджер, в котором можно создать свой канал и публиковать заметки. Здесь нет алгоритма ранжирования контента, как в других соцсетях: уведомление о новой публикации появляется в списке чатов.
• WordPress — блог-сервиc, где вы можете создать блог на хостинге WordPress. Блог можно создать бесплатно, но монетизация через размещение рекламы в таком случае запрещена. WordPress может показывать свою рекламу на вашем блоге.
• Postach — блог-платформа от создателей Evernote. Можно выбрать несколько тем для блога, добавить ссылки на аккаунты в соцсетях, встроенные комментарии от системы комментирования Disqus.
• Социальные сети — Facebook, Instagram, Вконтакте.

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

Как зарабатывать на блоге

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

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

Вы можете установить блок показа рекламы от AdSense, РСЯ или Relap и получать деньги за переходы по объявлениям.

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

Партнерские программы

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

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

Рекламные обзоры

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

Продавать свои услуги на блоге

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

Подведем итог

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

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

Регистрируйтесь в SendPulse, чтобы создать форму подписки для блога и общаться с читателями через рассылки!

Как оформить статью на сайте? Правила оформление текста в Блоге

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

Как нужно оформлять статью?

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

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

Как предложения, так и абзацы должны иметь разную длину. Конкретных рекомендаций тут нет. Оптимальный вариант – 3-6 слов в одном предложении и 4-5 строк в одном абзаце. Но не ставьте объем в приоритет: сосредоточьтесь на смысле слов и предложений.

Уделите внимание шрифту. Оптимальный размер символов – 12-14 пт. Если меньше, то пользователю придется напрячь зрение, а если больше, то внимание начинает рассеиваться.

Выберите тип шрифта. В 2020 году чаще всего используют Open Sans. Это корректный и очень читабельный вариант, привлекательный для пользователей и доступный для разработчиков. Open Sans имеет открытую лицензию, а потому использовать его можно бесплатно. Однако существуют и отличные варианты на платной основе, например Proxima Nova.

Обратите внимание на интерлиньяж. Это сложное французское слово означает «расстояние между строчками». Привычное для читателей расстояние – полуторный интервал. Подойдет он независимо от размера выбранного шрифта.

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

Облегчить восприятие текста помогают маркированные и нумерованные списки. Они помогают:

• поведать об этапах того или иного процесса;
• перечислить свойства или достоинства какого-то предмета;
• разбить сложную мысль на несколько простых тезисов.

Если отдельный блок в списке содержит мысль, которую дальше нужно раскрыть, то выделите её жирным. Так основные идеи не будут сливаться с пояснениями, а читатель быстрее сориентируется в написанном. Вот отличный пример нумерованного списка, сделанного в конструкторе сайтов «Тильда»:

Не оставляйте списки в конце текста. Это вызывает у читателя чувство недосказанности.

Важность перелинковки

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

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

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

• 1 ссылка на 1 страницу. Не нужно делать несколько ссылок на одну и ту же страницу. В этом нет смысла делать для улучшения позиций, поскольку поисковик учитывает 1 ссылку на страницу, а пользователи негативно рассматривают это.
• Текст ссылки содержит ключевое слово. Выполняя перелинковку на страницу «Услуги», делайте текст ссылки как «Услуги». Так пользователь будет знать, куда переходит.
• Корректность ссылок. Ссылки на страницы должны быть корректны и отвечать код ответ сервера 200. Если ссылка будет редиректить (301, 302 код ответа), то пользователь возможно перейдет куда ему необходимо, однако для поисковиков это никак положительно не влияет. Если страница отдает 404, то скорее всего пользователь уйдет.

Вот пример грамотной перелинковки:

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

Польза изображений и инфографики

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

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

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

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

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

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

С помощью же таблиц удобно демонстрировать стоимость услуг:

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

Нужны ли заголовки и оглавление?

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

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

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

Посты из соцсетей

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

Как оформить блог в ЖЖ

О картинках в блоге ЖЖ

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

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

Именно эта картинка привлекает внимание к Вашему посту во френд-ленте ЖЖ, а также в самом блоге. Кроме этой картинки, в постах иногда размещаются другие изображения – фотографии, анимация, рисунки и т.д.

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

Например у себя в блоге я использую ширину 800 пикселей для горизонтальных картинок (их высота значения не имеет, она может быть и 500 и 600), а для вертикальных – ширину 640 пикселей.

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

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

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

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

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

Теперь о редактировании картинок. Я предпочитаю сразу обрезать их до необходимых размеров и при необходимости применять какие-то фильтры, увеличивать резкость, корректировать цвет и т.д.

И еще обязательно уменьшаю их вес. Что это значит и для чего это надо? Представьте, что у Вас пост из 10 изображений. Каждое весит 450-500 килобайт (например картинка размера 800х600 в формате JPG).

После оптимизации каждая картинка будет визуально выглядеть примерно так же и ее размер не изменится (останутся те же самые 800х600), но вес уменьшится примерно в 4 раза до 100-120 килобайт.

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

Учтите, что если Вы зальете на фотохостинг огромную картинку, например разрешением 3200х2240 и весом в 5 мегабайт, то читателям придется загружать эти самые 5 мегабайт, чтобы в результате увидеть в блоге картинку размером 800х560, для которой хватило бы размера около 100 килобайт.

Представьте, насколько быстрее и легче загрузятся эти картинки мобильным устройством, да еще и возможно с лимитированной загрузкой. А если таких картинок 20-30 или даже 50?

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

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

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

Лично я все-таки предпочитаю не пользоваться таким количеством картинок и вот почему: Если у Вас в посте 1, 2 или 3 картинки, то Вам легче акцентировать внимание читателя.

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

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

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

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

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

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

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

Расскажу подробно для новичков в ЖЖ, опытные блогеры все это знают:
— Переходите по ссылке
— Нажимаете кнопку Обзор
— Находите на своем устройстве картинку
— Выделяете ее
— Нажимаете Открыть
— При необходимости ставите галочку и выбираете размер изображения (500 или меньше)
— Нажимаете Загрузить
— Находите строку HTML: картинка в тексте и копируете из нее код
— Вставляете код прямо в комментарий.

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

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

http://amio.livejournal.com/

Как начать блог: 11 советов от профессионалов

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

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

Как и отличное портфолио дизайнера, хороший блог должен быть привлекательным, креативным и умным. , и ему нужно поговорить со своей аудиторией. Он должен рассказать им, чем вы отличаетесь, что вы предлагаете и почему им следует найти время, чтобы продолжить чтение. Готовы начать? Вот 11 советов, которые помогут вам начать работу и помогут превратить ваше предложение от общего до вдохновляющего или, по крайней мере, интересного.

01. Выберите платформу для ведения блогов

Существует несколько платформ для ведения блогов, от Blogger и WordPress до Tumblr, Squarespace и Ghost. В качестве альтернативы, если вы чувствуете себя смелым и знаете свой код, вы можете создать свой блог с нуля. Какая платформа вы выберете, во многом будет зависеть от того, что вам удобнее всего использовать, насколько вы хотите участвовать в процессе создания и что вы планируете использовать.

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

02. Получите хорошее доменное имя

Большинство платформ для ведения блогов настроят вас на субдомен по умолчанию, но если вы хотите, чтобы вас воспринимали всерьез, тогда вам действительно стоит купить собственное доменное имя. Вам понадобится что-то короткое, запоминающееся и, прежде всего, легкое для написания, и будьте осторожны, когда дело доходит до домена верхнего уровня.В наши дни доступны всевозможные причудливые TLD, такие как .blog или .agency, но о классике можно много сказать; Если вы можете получить желаемый домен с помощью старомодного доброго .com, то дерзайте.

03. Определитесь с содержанием блога

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

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

Только тогда вы можете двигаться дальше — вы знаете, как создать блог, теперь пришло время разработать и заполнить его …

04. Сохраняйте простой дизайн своего блога

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

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

05.Используйте контрастные цвета.

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

06. Используйте пустое пространство

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

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

07. Держите свой дизайн целевым

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

• Тема: О чем ваш блог?
• Ценностное предложение: В чем его уникальность?
• Аудитория: Кто ваша основная целевая аудитория?

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

08. Соблюдайте условные обозначения

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

К ним относятся:

• Боковые панели
• Заголовки
• Варианты подписки
• Указание автора
• Панели поиска

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

09. Поэкспериментируйте со своим блогом

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

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

10. Сделайте его адаптивным

. В настоящее время адаптивный веб-дизайн является обязательным условием для любого респектабельного блога о дизайне. Если возможно, тесно сотрудничайте с дизайнером и разработчиком, чтобы создать привлекательный и функциональный дизайн.Многие бесплатные платформы для ведения блогов также предлагают адаптивный дизайн, и вы всегда можете проверить свой дизайн с помощью такого инструмента, как Google Resizer.

11. Продвигайте свой блог

Нет смысла знать, как начать блог, не изучая, как его продвигать. , Вот где социальные сети вступают в свои права. Создайте страницы Facebook и Twitter для своего блога или используйте существующие учетные записи, чтобы кричать об этом.Если в вашем блоге много изображений, почему бы также не создать учетные записи Pinterest и Instagram?

Большинство современных платформ для ведения блогов, таких как Squarespace, обеспечивают интеграцию всего, от Twitter и Instagram до Tumblr и Dribbble, поэтому вы можете быстро и эффективно распространять сообщения. Существуют также специальные платформы, такие как Hootsuite, Buffer и Sprout Social, если вы хотите управлять всем за пределами своего блога.

Статьи по теме:

Как создать блог и сделать его красивым

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

Еще нет сайта? Вот как начать работу с WordPress

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

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

• Это самая популярная система управления контентом. используется для размещения более 35% всех сайтов. Очень гибкий и обширный, поэтому он используется всеми, от таких организаций, как Белый дом и НАСА, корпораций, таких как Facebook и CNN, до независимых сайтов, таких как мой.

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

Хостинг-провайдер WordPress, который я использую и рекомендую

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

Существует так много способных и доступных провайдеров веб-хостинга WordPress. Рекомендую GreenGeeks . Я плачу им за размещение моего сайта, и у них есть все необходимое для удобного взаимодействия с пользователем WordPress:

• GreenGeeks — это независимая компания , базирующаяся в Лос-Анджелесе, Калифорния. Они специализируются на хостинге WordPress с более чем 10-летним опытом. , более 40 000 клиентов и более 500 000 сайтов.

Вы получаете бесплатное доменное имя , сайт с быстрой загрузкой, автоматические обновления, автоматическое резервное копирование и максимальную безопасность. Гарантия бесперебойной работы составляет 99,9%. У них также есть 30-дневная гарантия возврата денег на всякий случай.

• В отличие от большинства провайдеров, их серверы экологически чистые, и ваш сайт будет на 100% углеродно нейтральным.Они используют энергоэффективное оборудование и покупают в кредит на энергию ветра в 3 раза больше энергии, которую они потребляют.

• Они обеспечивают поддержку клиентов 24/7/365 через чат, электронную почту и телефон . Мне никогда не приходилось звонить, но я писал по электронной почте и болтал несколько раз. Они быстрые, отзывчивые и, в отличие от некоторых других провайдеров, с которыми я имел дело, действительно решают любые проблемы.

11 шагов, чтобы зарегистрировать доменное имя и установить WordPress

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

Шаг 1: Посетите GreenGeeks и выберите свой тарифный план . Я плачу за план Pro из расчета 5,95 долларов в месяц, так как у меня несколько сайтов. План Lite по цене 2,95 доллара в месяц — лучшее соотношение цены и качества для тех, у кого есть только один сайт. Нажмите большую зеленую кнопку « Get Started ».

Шаг 2: Теперь вам нужно зарегистрировать свое доменное имя или перенести существующее доменное имя. GreenGeeks бесплатно предоставляет вам выбранное вами доменное имя.Введите свое доменное имя и нажмите кнопку « Проверить доступность ».

Шаг 3: Заполните все свои данные в « Account Information ».

Шаг 4: В разделе «Информация о пакете » вы видите сводку выбранного плана. Чтобы получить лучшую ежемесячную цену, вам необходимо зарегистрироваться на 3 года.

3 года хостинга по тарифному плану Lite стоит 106,20 долларов, всего . Если вы хотите приобрести только на один год, общая цена составит 59 долларов.40.

Вы можете выбрать « Расположение сервера ». Варианты: США, Канада и Европа. Выберите тот, который ближе всего к тому, где находится большая часть вашей целевой аудитории.

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

« Domain WHOIS Privacy » по цене 9,95 долл. США в год выбрано по умолчанию, но при желании его можно отменить.

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

Шаг 5: Введите данные своей кредитной карты и нажмите кнопку « Создать учетную запись и приступить к работе, ». Затем дождитесь электронного письма с данными для входа в вашу учетную запись GreenGeeks.

Шаг 6: Войдите в свою учетную запись GreenGeeks и нажмите кнопку « CPANEL ». Найдите «Soft» в верхнем поле, чтобы найти « Softaculous Apps Installer ».Это простой способ установить WordPress.

Шаг 7: Нажмите WordPress и на следующей странице нажмите кнопку « Установить сейчас ».

Шаг 8: В « Настройки сайта » введите имя и описание сайта. Вы не хотите, чтобы ваш сайт был «моим блогом WordPress» или «просто еще одним сайтом WordPress».

Это мало что говорит вашему посетителю о том, что вас волнует. Введите заголовок в поле «Название сайта» и объясните, о чем ваш сайт, в поле «Описание».

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

Шаг 9: В « Admin Account » выберите новое личное имя пользователя и надежный пароль. Это будут данные для входа, которые вы будете использовать для входа в свою панель управления WordPress.

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

Шаг 10: Щелкните « Advanced Options » и выберите «Автоматическое обновление WordPress до« Любая последняя доступная версия ».Плагины и темы автоматического обновления тоже. Установите «Автоматическое резервное копирование» на «Раз в неделю». Это лучшие методы защиты вашего сайта WordPress.

Шаг 11: Теперь вы можете « Выбрать тему », которая вам нравится. По умолчанию вы получите отличную и современную тему Twenty Twenty.

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

Щелкните « Install » и подождите, пока ваш сайт не будет настроен.Теперь вы можете войти на yourname.com/wp-admin/ со своим именем пользователя и паролем WordPress.

Как установить свою первую тему дизайна WordPress

Использование WordPress сэкономит вам недели времени и много денег, поскольку вам не нужно будет создавать (или платить кому-то за создание) свой дизайн с нуля.

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

Я предлагаю вам зайти в админку WordPress и ознакомиться с разделом «Внешний вид» на левой панели навигации.

Большинство ваших вариантов дизайна будут там. Там вы можете искать, просматривать и устанавливать темы. Посмотрите, как легко установить и активировать тему WordPress.

• Посетите меню «Внешний вид»
• Нажмите «Темы» в меню «Внешний вид» на панели инструментов WordPress.
• Затем «Добавить» в верхней части этой страницы, чтобы открыть для себя различные возможности дизайна.
• Просмотрите «Рекомендуемые», « Популярные »или« Последние »темы.Или используйте «Фильтр функций», чтобы найти более конкретные темы с точными функциями, которые вы ищете. Сортируйте по цвету, макету, особенностям и конкретным предметам.
• Когда вы найдете дизайн темы, который вам нравится, просто нажмите «Установить», чтобы активировать его на своем WordPress.

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

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

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

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

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

• Номер рейтинга от 1 до 5 звезд. Чем выше рейтинг, тем лучше может быть тема.

• Просмотрите обзоры , чтобы узнать, что люди говорят по теме.

• Активно ли реагирует разработчик и помогает ли людям? Поддерживается ли тема активно, обновляется и поддерживается авторитетным разработчиком или компанией? Было бы идеально, если бы разработчик был активным и услужливым.

Посмотрите мой список всех лучших тем WordPress.

Мобильные телефоны и гибкий дизайн

Продажи смартфонов превысили продажи компьютеров. Мобильный трафик во всем мире превзошел трафик настольных компьютеров. На мобильные устройства и планшеты приходится более 55% мирового интернет-трафика.

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

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

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

Если вы хотите проверить, как ваша тема WordPress работает на мобильных устройствах, пройдите этот тест для мобильных устройств от Google.

Какую тему WordPress использует этот сайт?

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

1. Посетите соответствующий сайт
2. Щелкните правой кнопкой мыши в любом месте страницы в окне браузера
3. Щелкните « View Page Source » в контекстном меню.
4. На странице источника HTML выполните поиск и найдите « style.css » или « / themes / »
5. Найденная вами строка кода будет выглядеть примерно так: domain.com/wp-content/themes/ имя-темы / style.css
6. Вместо «theme-name» у вас будет имя темы WordPress, которую использует сайт.
7. В качестве альтернативы вы также можете щелкнуть ссылку «style.css»
8. в верхней части стиля. css вы найдете дополнительную информацию, такую ​​как автор темы и URL-адрес, по которому вы можете узнать больше о теме.

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

Теперь вы можете перейти в меню «Внешний вид» на панели инструментов WordPress, найти и активировать тему, которую вы только что обнаружили.

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

Лучшие бесплатные темы для дизайна WordPress

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

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

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

Премиум-темы WordPress

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

• StudioPress : Genesis от StudioPress — одна из самых популярных премиальных тем. Они создали большое количество тем для разных случаев использования. Сейчас я использую тему Academy Pro в этом блоге.
• Pixelgrade : Более 20 различных премиальных тем для блогов WordPress.Все, от журнальных тем до тем, созданных для малого бизнеса и ресторанов.
• TemplateMonster : не ориентирован исключительно на WordPress, но у них также есть большой выбор премиальных тем WordPress. На данный момент более 2000.

Темный режим и светлый режим

Темный режим — современная тенденция в веб-дизайне. Он также был недавно представлен в различных мобильных и настольных операционных системах.

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

Это то, что говорится в исследовании о влиянии светового и темного режимов на наши глаза:

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

Есть несколько плагинов WordPress, которые позволяют использовать темный дизайн на вашем сайте. Плагины Blackout и WP Night Mode помогут вам дать вашим посетителям возможность переключиться в темный режим.

Многие темы позволяют изменять цвета, включая тему Twenty Twenty по умолчанию. Кроме того, существуют темные темы, такие как «Смелая фотография».

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

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

  @media (prefers-color-scheme: dark) {
    html {
        фон: черный;
        цвет белый;
    }
}  

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

Раздел «Настройка» WordPress в меню «Внешний вид» позволяет вам предварительно просмотреть, как будет выглядеть ваш контент при использовании определенной темы.

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

Шрифты и размеры шрифтов для использования

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

Разрешение экранов увеличивается, а это означает, что вам необходимо сделать ваш контент более читабельным для этих новых экранов.Более крупный шрифт делает ваш сайт более понятным и понятным.

Шрифты без засечек лучше всего подходят для цифрового контента, при этом вы хотите, чтобы размер шрифта составлял минимум 16 пунктов, а для достижения наилучших результатов он должен увеличиваться до 20 пунктов и более.

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

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

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

Цветовая палитра по вашему выбору

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

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

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

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

Ваш логотип и меню навигации

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

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

• Включите описательный, но краткий слоган. Расскажите посетителям, что их ждет, о чем ваш сайт и какие проблемы он решит для них. Цель вашего сайта должна быть ясной и очевидной для ваших новых посетителей.

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

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

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

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

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

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

На боковую панель или не на боковую панель

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

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

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

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

Или вы можете прикрепить свои популярные сообщения, чтобы получить больше кликов и помочь людям узнать больше о вашем контенте. Плагин Q2W3 Fixed Widget позволяет вам это делать.

Каждое сообщение — это потенциальная отправная точка

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

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

Использование компоновщика страниц для создания поверх темы

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

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

Возможность настроить свой дизайн с помощью простого и удобного интерфейса сильно варьируется от одной темы WordPress к другой. Некоторые из них имеют удобный интерфейс с возможностью перетаскивания. Некоторые из них можно редактировать и настраивать только с помощью CSS и кодирования.

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

Конструкторы страниц позволяют создать профессиональный и уникальный сайт без каких-либо дизайнерских ноу-хау.

• Как бы вы хотели представить свой контент?
• Какие цвета вы хотите использовать?
• Хотите, чтобы ваши сообщения и страницы были уникальными и отличались друг от друга?
• Как насчет одной боковой панели или двух боковых панелей, а может быть, ни одного?

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

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

«Будь простым, глупым», чтобы сайт быстро загружался

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

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

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

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

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

• Игнорировать и удалять несущественные элементы дизайна, которые не имеют значения. Удалите кнопки, виджеты, рекламу, всплывающие окна и другие отвлекающие факторы. То, что они есть на всех других сайтах, не означает, что они вам тоже нужны.

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

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

Вот мое руководство о том, как ускорить работу вашего сайта WordPress.

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

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

5 быстрых способов улучшить дизайн вашего блога

Блогеры часто забывают о дизайне.

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

Ну, это не совсем так.

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

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

Зачем улучшать внешний вид вашего блога?

Как упоминалось выше, дизайн вашего блога — это контейнер, через который люди взаимодействуют с вашим контентом.

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

И это очень досадно.

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

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

Как улучшить дизайн своего блога сегодня

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

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

1. Увеличьте пустое пространство, чтобы уменьшить беспорядок

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

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

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

Еще одним прекрасным примером такой простоты является Нил Патель, у которого буквально есть только три пункта меню и поле подписки.

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

Итак, чем вы можете заниматься в своем блоге?

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

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

2. Сделайте подписку по электронной почте более профессиональной

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

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

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

Итак, чем вы можете заниматься в своем блоге?

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

Один из способов добиться этого довольно быстро — использовать плагин, такой как Optin Forms, который имеет встроенный дизайнер.

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

3. Никогда не используйте уродливые стоковые фотографии

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

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

Но найти хорошие фотографии бывает непросто.

Существует множество странных законов о том, что можно и что нельзя делать.И есть страшилки.

Итак, что вы можете делать в своем блоге?

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

Фотография опубликована Рамси Таплином (@ramsaytaplin) 4 августа 2015 г. в 22:28 по тихоокеанскому времени

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

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

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

4. Сделайте значки социальных сетей профессиональными

Мне действительно не нравятся значки социальных сетей, но они — неизбежное зло.

Что-то, что сразу же отталкивает меня от блога, — это когда есть большие гигантские логотипы Facebook и Twitter в различных формах, таких как звезды, взрывы или что-то еще.

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

Вот небольшой пример, который я нашел на местном новостном сайте Австралии:

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

А теперь сравним это с журналом New Yorker:

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

5. Исправьте размер шрифта и улучшите читаемость

Чтение блога не должно утомлять глаза.

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

В отношении шрифтов нужно подумать о трех вещах:

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

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

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

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

Итак, что я могу делать в своем блоге?

Итак, если вы приобрели тему премиум-класса, скорее всего, вам не придется ни о чем из этого беспокоиться. Такие люди, как Брайан Гарднер, которые разрабатывают темы Studiopress, являются абсолютными мастерами в создании правильного микса.

Но если вы работаете со старой темой и не совсем уверены, что делать, лучше всего попробовать Google Fonts и просмотреть все, что они могут предложить.

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

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

Как вы думаете?

Вы когда-нибудь вносили простое изменение в дизайн своего блога и видели интересные результаты? Или, может быть, вас раздражает дизайн блога, который вас действительно раздражает? Оставьте комментарий и дайте мне знать. Мне было бы очень интересно узнать об этом.

Верхнее фото: Фабио Роуз.

Как создать свой блог WordPress, шаг за шагом

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

Более того, хорошо написанный и оптимизированный для SEO блог может возглавить вас в рейтинге Google, однако эти глаза не останутся незамеченными, если у вас нет красивого дизайна, который бы их соблазнил. Таким образом, очень важно, чтобы посетители находили ваш блог привлекательным. Вы можете добиться этого, красиво оформив свой блог WordPress. Хорошо спроектированный блог полезен для вас во всех аспектах.

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

WordPress — лучший выбор!

• Согласно недавнему исследованию, доля WordPress составляет 50-60% мирового рынка CMS, и около 8% из 100 лучших блогов управляются с помощью WordPress.
• Это единственная платформа с открытым исходным кодом, которая поддерживает более 75 миллионов блогов и предлагает около 2500 тем дизайна.
• Кроме того, разработка вашего блога в WordPress уменьшит ваше время, усилия и деньги, поскольку вам не нужно создавать дизайн с нуля.

Чтобы создать привлекательный дизайн блога WordPress, который будет процветать в 2018 году, вам нужно будет выполнить определенные эффективные шаги. Здесь мы даем пошаговое руководство, которое поможет вам сделать успешный блог WordPress.

Зарегистрируйте свое доменное имя и настройте хостинг

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

Выберите тему дизайна с лучшим качеством

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

Вот некоторые из моих любимых на новый год.

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

• Активные установки
• Рейтинг
• Отзывы
• Предварительный просмотр темы
• Поддерживается ли тема, обновляется и поддерживается авторитетным разработчиком.
• Последнее обновление

Используйте конструктор страниц

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

Конструкторы страниц позволяют:

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

Какие лучшие конструкторы страниц?

Работа с логотипом и меню навигации

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

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

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

Адаптивный дизайн сайта блога WordPress

Установлено, что в 2007 году более 55 процентов мирового интернет-трафика приходилось на мобильные и планшетные устройства.Еще одна важная проблема — создание адаптивного веб-сайта с нуля, который красиво выглядит на сенсорных экранах или экранах меньшего размера. Адаптивный дизайн веб-сайтов — это умный дизайн, который адаптируется к размеру экрана устройства пользователя и предлагает посетителям лучший визуальный опыт.

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

Сделайте блог с быстрой загрузкой

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

Проверьте следующие пункты для создания простого и эффективного блога:

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

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

6 простых советов по дизайну блога, которые сделают ваш блог лучше

Когда дело доходит до разработки макета вашего блога, простота является ключевым моментом, особенно если вы новичок.

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

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

Где я?
С чего мне начать?
Что самое важное на этой странице?

Просто, правда?

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

Убедитесь, что ваш заголовок простой

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

Использовать изображения полной ширины

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

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

Используйте дизайн блога с одной боковой панелью

Я действительно считаю, что блоги с основным столбцом контента и одной боковой панелью выглядят более аккуратно и привлекательно.Их также легче читать; ваши глаза не «запутались» в том, куда идти, они, естественно, сначала смотрят на самый широкий столбец, где находится ваш контент. Интересно, что исследования отслеживания взгляда показывают, что читатели обычно просматривают страницы в виде буквы «F» — сначала горизонтально вверху, затем немного вниз и поперек, а затем вертикально вниз по левой стороне страницы. Если вы просмотрите некоторые изображения в исследованиях, левая боковая панель обычно не попадает в то, на что смотрит читатель, потому что взгляд сначала обращается к контенту.Так зачем это?

Убедитесь, что у вас есть контент перед сгибом

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

Поместите самую важную информацию вверху

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

Используйте белый / светлый фон

Слишком большой контраст на ваших страницах затрудняет их чтение — используйте белый или очень светлый фон для своей страницы и ВСЕГДА белый фон для областей содержимого.

Примечание редактора: этот пост был первоначально опубликован 21 июня 2013 года Гречен Райтер.Он был обновлен 26 декабря 2017 года Лорой Келл.

Как создать дизайн домашней страницы для фокусировки и ясности

Домашняя страница вашего блога похожа на обложку книги.

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

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

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

Назначение домашней страницы блога

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

• Привлечь и увлечь посетителей
• Расскажите посетителям о своем бренде
• Поощряйте читателей посещать другие страницы вашего сайта

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

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

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

Как однажды сказал покойный Стив Джобс: «Дизайн — это не просто то, как он выглядит. Вот как это работает, ».

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

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

Статическая домашняя страница блога и последние сообщения

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

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

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

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

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

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

• Последние сообщения
• Категории
• Популярные посты
• Информация о вас
• Ссылки на социальные сети
• Навигация
• Цифровые продукты
• Список рассылки зарегистрироваться
• Лента Instagram
• Последние видео на YouTube
• Лента Twitter
• Ресурсы

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

Контент-стратег хорошо сказал:

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

Эбби Лоусон хорошо справляется с этим в Just a Girl и ее блоге.У нее есть четкие категории вверху, которые сразу дают вам представление о контенте, о котором она создает сообщения в блоге, и призыв к действию, чтобы подписаться на ее список рассылки. Затем внизу вы видите ее последние сообщения с боковой панелью, которая содержит короткую биографию и ссылки на ее социальные сети и цифровые продукты.

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

Кстати…

Как привлечь внимание с помощью контента на главной странице вашего блога

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

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

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

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

Вы готовы создать свою домашнюю страницу?

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

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

Как создать и разработать страницу блога в WordPress │Elementor

Если ваша домашняя страница — это страница блога, пропустите следующую часть.

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

Если это новый веб-сайт, для этого нужно создать две страницы, помеченные как Home и Blog . Если у вас уже есть домашняя страница, вам не нужно ее создавать, вам нужно будет создать только страницу блога и перейти к шагу 3.

1. Перейдите на панель управления WordPress и выберите вкладку Pages .
2. Затем создайте две новые страницы.
3. Теперь выберите вкладку Настройки на панели инструментов, затем вкладку Чтение и в разделе «Отображается ваша домашняя страница» выберите вариант Статическая страница.
4. Теперь вы можете назначить страницы, которые вы создали. Назначьте домашнюю страницу параметру Домашняя страница , а страницу блога — параметру Страница сообщений .
5. Также не забудьте добавить эту страницу в свое меню навигации, перейдя на вкладку Внешний вид и выбрав Меню.

Вы сделали это. Вы создали страницу блога, где будут видны все ваши новые сообщения.

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

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

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

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

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