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


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

Регистрация


Находим в гугле Blogger и переходим по ссылке. Для регистрации нужен гугловский аккаунт, если вдруг еще нет - регистрируем. Входим на платформу и создаем новый блог. Вводим заголовок и желаемый адрес. По умолчанию все блоги создаются на домене третьего порядка xxx.blogspot.com. Потом можно будет привязать собственный домен, но для уверенности я бы сразу регистрировал на читаемое имя. Выбираем тему, потом ее можно будет сменить, так что на этом этапе не паримся. Поздравляю - начало положено!


Выбор темы - особенности

Выбор темы в blogspot довольно важный шаг. От него зависит, как будет выглядеть блог в целом, будет ли дизайн адаптивным под мобильные и какие гаджеты вы сможете туда добавлять. Система, правда, позволяет любую тему кастомизировать под себя, но в некоторых случаях на это потребуются глубокие знания html+css+js и некоторый опыт адаптивной верстки. Так что лучше сразу выбирать наиболее близкий вашим требованиям и вкусовым предпочтениям шаблон (читай тему).
Пара важных моментов:
  • Классические темы я бы не рекомендовал - очень уж устарели и простенько смотрятся. Подойдут только в качестве лабораторки начинающего веб-программиста, ну или для человека который привык все настраивать с нуля.
  • Темы вроде “Простая”, “Венецианское окно”, “Корпорация "Чудеса" хорошо подойдут блоггерам и вебмастерам, которые не хотят отвлекать внимание читателей вычурным дизайном. Они минималистичны и легко настраиваются.
  • Темам “Динамический просмотр” стоит уделить отдельное внимание. Это адаптивные темы с возможностью изменять вид читателем самостоятельно. То есть, в зависимости от вида, сайт отображается тем или иным образом. Скажем плиткой или мозаикой. Смотрится круто. Хорошо заточены под визуальный контент.
Но есть несколько здоровенных НО: динамический просмотр имеют большие сложности с адаптацией под мобильные, ограничения на правки в меню, а также самый важный минус - не работают некоторые гаджеты. Даже добавление отдельного блока с html/js кодом может вызвать серьезные проблемы.
В результате, Динамический просмотр будет крайне проблематично кастомизировать под себя, а любые изменения потребуют основательной “работы напильником”, при том что многие элементы подтягиваются из внешних источников.
  • Notable, Emporio, Soho, Contempo, на мой взгляд, будут оптимальным вариантом соотношения между эстетикой и функционалом. Например itflea.club, построен на сильно измененной Contempo. Согласитесь, с первого взгляда и не поймешь, что первоначально он был таким:)
Contempo
Еще один важный момент - в сети есть множество ресурсов с темами для Blogger на любой вкус и цвет, но я бы не рекомендовал покупать там готовые темы. Беда в том, что почти все они являются видоизмененными вариантами стандартных тем с улучшенным оформлением, при этом многие элементы, шрифты, фото и даже куски кода подтягиваются из сторонних источников, которые вы не сможете контролировать. Как следствие, неуникальный дизайн и возможные проблемы в случае если что-то отвалится. Лучше собственноручно, медленно и постепенно привести в порядок стандартную тему и настроить ее под себя. В итоге вы получите уникальный дизайн и дополнительный экспириенс, который тоже лишним не будет. Или нанять программиста, который быстро запилит вам дизайн и функционал по вашему ТЗ.


Основные настройки


В интерфейсе у нас построчно располагаются основные разделы:
  • Настройки - тут можно привязать домен, настроить доступность для поисковых систем, добавить дескрипшн, подрубить ssl сертификат, настроить комментарии, почту, язык, часовой пояс, импорт/экспорт, а также фид сайта. И не забудьте открыть доступ поисковикам, а то ваш сайт никто не найдет)
Про фид отдельные пару слов - по умолчанию фид отдается через RSS и подключен к гугловскому же сервису Feedburner. Штука крайне полезная, так как поддерживает не только RSS и более современный Atom, которые вам потом не раз пригодятся. Но и бесплатную систему подписки на e-mail, при помощи которой можно легко собирать подписчиков и рассылать им новости с сайта. Все это, кстати, бесплатно. Может не так красиво и удобно как на каком нибудь модном Unisender, но надо же с чего-то начинать.
В настройках у нас еще куча мелочей, но все довольно интуитивно - сами со временем разберетесь. Едем дальше
  • Тема - тут у нас есть конструктор, который позволяет до определенной меры менять оформление.
И доступ к коду. Так сказать в самые кишки нашего сайта (на самом деле не до конца самые, к хостингу и движку вас конечно никто не пустит, если вы понимаете о чем я;) ).
ДЕЛАЙ БЭКАП!!! Запомните! При любых изменениях делайте резервные копии темы! Они не раз вас еще спасут!

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

Статистика


Кстати, она недавно обновилась вместе с мобильным приложением. На начальном этапе дает неплохое представление о посещаемости и источниках. Вообще мне нравится. Не так подробно как ЯМетрика, но ее подключить тоже никто не мешает. Можно подключить GoogleAnalytics. Тоже очень подробно. Ну тут на ваш вкус.

Создание записей


Редактор очень простенький, но есть доступ к html и можно вставлять js. Конечно, можно вставлять картинки и видео.
Важный момент - для того, чтобы легко создавать удобочитаемые URL ваших записей, рекомендую название каждой записи перед публикацией переводить на английский или делать транслит. Кириллицу система не понимает, поэтому присваивает ему условные /blog-post№.html - звучит не слишком понятно.
Картинки рекомендую заливать прямо в интерфейс, а вот видео лучше вставлять из сторонних видеохостингов - встроенный плеер очень уж слабенький.
Еще из минусов отмечу отсутствие поддержки markdown и Instaview. Первое, лично мне, не критично. А вот Instaview сильно не хватает для красивых репостов в Telegram. Но думаю и тут что-то со временем придумают.
На этом пожалуй все. Если что забыл - пишите в комментах буду рад ответить.

Комментарии