Google Sites – сервис Google для создания простых сайтов. Одно из главных его преимуществ — интеграция с другими приложениями поискового гиганта. На страницы можно вставлять не только видео с YouTube, но ещё и календари с личными отметками, документы, презентации, таблицы, формы, диаграммы и файлы с Google Drive.
Google Sites — это отличное решение для создания учебных и рабочих проектов. Портфолио учащегося, страница с описанием курса, промо мероприятия — шаблоны помогают понять, для чего лучше всего использовать конструктор. Однако в галерее тем есть варианты и для малого бизнеса — например, шаблон для сайта ресторана или салона красоты. Но надеяться на мощную функциональность не стоит — это будут такие же простые страницы, как и какое-нибудь портфолио учащегося, просто с другим дизайном.
Мы собрали несколько примеров сайтов, сделанных на Google Sites. Это в основном коммерческие сайты, разработанные на основе старых шаблонов, поэтому уделять много внимания их внешнему виду мы не будем. Зато изучение этих примеров поможет оценить функциональность конструктора.
1. Сайт компании «Ямалспецмаш»
Каталог техники от «Ямалспецмаш». На главной странице размещена информация о компании. Сам каталог опубликован в разделе «Модельный ряд», который состоит из двух частей: легковые вездеходы и тяжёлые вездеходы. Есть также страница со списком дилеров, галерея фотографий, контактные данные. Важная деталь — сам доступен в двух версиях, на русском и английском языках. При переключении переводится весь контент.
Магазинной функциональности на сайте нет — Google Sites не позволяет её реализовать. Онлайн-чатов, формы заказа обратного звонка и других инструментов общения тоже нет. Связаться с представителями компании можно только по телефону или через электронную почту.
Несмотря на то, что дизайн выглядит устаревшим, шаблон адаптивный. При открытии в браузере на мобильном устройстве сайт перестраивается. Шрифт становится больше, элементы управления крупнее.
Общее впечатление: неплохое использование возможностей Google Sites для разработки электронного каталога продукции. В принципе, для каждой модели можно было сделать отдельную страницу с описанием. Разработчик сайта решил разместить эту информацию в виде PDF-документов — тоже пример использования интеграции с Google Drives.
2. Информационный портал о дальтонизме
Пример использования конструктора Google Sites для создания информационных сайтов. Структура шаблона очень простая. Слева размещено главное меню со ссылками на все разделы. Основную часть страницы занимает текстовый контент.
Никакой специальной функциональности на сайте нет. Доступен поиск по страницам. Есть форма комментариев, но для её использования нужно авторизоваться. Однако сделать это не получается. По сути, такой же проект можно было написать в «Блокноте» на чистом HTML с небольшим добавлением CSS для стилизации интерфейса. Другое дело, что на Google Sites пользователи обходятся без работы с кодом.
У шаблона неадаптивный дизайн. Это проявляется в том, что элементы интерфейса не перестраиваются в зависимости от размера экрана. Однако шрифт на смартфоне становится крупнее — по крайней мере, тексты можно читать без приближения страницы.
Общее впечатление: очень простой сайт, на котором в основном размещён текстовый контент. Многостраничная структура позволяет показать посетителям большое количество информации. Изучать её можно даже с мобильного устройства.
3. Сайт технического центра
Ещё один пример сайта с большим количеством текстового контента. Только здесь он выполняет не информационную, а продающую функцию. Структура сайта очень простая: слева — меню для навигации, основная часть отдана под описание различных услуг по ремонту компьютера, восстановление данных, абонентское обслуживание.
Из интересного — к сайту подключен Google Translate, который позволяет быстро перевести контент на десятки языков. В одном из предыдущих примеров вы видели, что на Google Sites можно сделать две языковые версии. Использование Google Translate — альтернативный вариант.
На сайте есть раздел «Заявки». Сейчас на нём ничего не отображается, но, судя по всему, раньше там была гугловская форма. Это неплохое решение для сбора заявок. Можно создать форму на Google Forms, настроить интеграцию с Google Sheets и автоматически сохранять каждую заявку в электронную таблицу.
Общее впечатление: тоже простой сайт с большим количество текстового контента. Подразумевается, что через него будут приходить заявки на ремонт и обслуживание компьютеров. Можно сделать этот процесс чуть более комфортным для пользователей, добавив на страницу простую форму Google.
4. Визитка частного мастера
Пример использования Google Sites для создания сайта-визитки специалиста. Оставим за скобками дизайнерские решения — всё это можно исправить в редакторе, особенно если выбрать один из современных шаблонов.
На этом сайте используется то, чего не хватает в предыдущем примере, — форма обратной связи, сделанная в Google Forms. Она размещена на одной из страниц. В других разделах с описанием разных услуг есть кнопки, в которые вшиты ссылки на эту форму. Это позволяет пользователю быстро перейти к заказу.
Дизайн выглядит устаревшим на десятилетия, но это не мешает ему быть адаптивным. Страницы подстраиваются под размер экрана, меняя порядок отображения контента. Некоторые блоки выглядят криво, фотографии сжимаются по сторонам, но в принципе ознакомиться с контентом сайта можно.
Общее впечатление: с точки зрения функциональности сайт реализован неплохо. Можно узнать подробности об услугах и даже заказать выполнение работ онлайн через форму.
5. Центр развития голоса и речи
Портал Жени Егоровой, певицы и преподавателя по постановке голоса и вокала у детей, имеющих логопедические проблемы. Дизайн у сайта простейший. Речь здесь не столько об оформлении, сколько о структуре подачи контента, которая является довольно сложной разветвлённой. Это объёмный проект с десятками страниц, содержащих материалы выступлений – фото, видео, описания мероприятий. Смотрится всё это несколько сумбурно – таков уж Google Sites. Сделать объёмный сайт, который бы аккуратно выглядел, обладал хорошим уровнем эргономики довольно трудно.
Главная страница скролится десятка на полтора экранов, где в формате Вордовского документа подряд, безо всяких визуальных разделителей идут записи. Отчёты с мероприятий, дипломы, фото, заголовки – всё это мешается в одну кучу. Некоторые изображения можно увеличить, другие – нет. Качество фотографий нормальное. В принципе, те, кому интересна деятельность автора, смогут впитать весь объём информации. Шрифты крупные, хорошо читаются, написано всё грамотно. Но с форматированием беда. Видны попытки придать некоторую структурность выводу информации, но они далеко от успеха.
В главном меню много ссылок, за которыми скрывается огромное количество контента. Видеозаписей море, все они подтянуты с YouTube и довольно быстро открываются. Стоит заметить, что сайт совершенно не тормозит, что впечатляет, учитывая солидное количество экранов контента на большинстве страниц.
Сайдбар делит материалы на категории, образуя двухуровневые меню. В футере каждого материала находятся ссылки ещё на десятка два связанных постов. Есть возможность комментирования, то есть сайт поддерживает регистрацию. Есть и глобальный поиск.
Общее впечатление. Работа с точки зрения проработки дизайна и структуры простая, зато впечатляет объёмом страниц и контента. Учитывая скромные возможности движка, её можно считать вполне удачной, работы по размещению контента проделано много.
6. Зооветмаркет
Сравнительно симпатичная визитка ветеринарного магазина. Да, именно магазина. Возможности приёма онлайн-оплаты и витрины здесь, конечно, нет, зато присутствует прайс из нескольких файлов, отражающих категории продукции.
Оформление приятное, относительно аккуратное. Разработчик не поленился оформить изображение для хедера и подобрать фон в тон ему. Смотрится весело, даже нарядно, что является редкостью для проектов на Google Sites. Тем не менее, ничего сложного. Так может сделать каждый по своей тематике.
Вообще, львиная доля впечатления от дизайна на этом движке зависит от фонов, используемых картинок, шрифтов и цветов. Разнообразия в подаче контента изначально ожидать не стоит – только простейшие блоки и способы форматирования. Так что здесь постарались как могли.
Зато к оформлению контента присутствуют большие вопросы. Непонятные переходы между типами выравнивания текста, какофония цветов, размеров и стилей шрифтов, фотографии разного размера – всё это выглядит, мягко говоря, посредственно. Дочитать информацию до конца непросто, хотя сам по себе текст более-менее содержательный и грамотный.
На сайте есть поиск и сайдбар, непонятно лишь, зачем они нужны. Искать в двух страницах текста особо нечего. В сайдбаре дублируется ссылка на раздел с прайсом и пустует поле со скидками – явно лишний блок, не несущий никакой смысловой нагрузки. То же самое касается возможности регистрации – неясно, для чего она здесь.
Общее впечатление: единственная область нормально форматированного контента – раздел контактов. Тут всё аккуратно, информативно, есть и карта с возможностью перехода в полноэкранный режим. В целом, сайт средний. Есть какой-то дизайн, который можно считать неплохим по меркам платформы, но контентная часть на главной оформлена ужасно. Лишние элементы тоже не идут на пользу проекту.
7. Ассоциация скульпторов России
Ледовые, снежные, песочные скульптуры – сайт является визитной карточкой сообщества мастеров по их созданию. Цветовая гамма соответствующая – снежный белый, оттенки синего. Нарядным дизайн назвать трудно, но он сюда подходит, хотя бы по цветам.
Структурно перед нами простейшая визитка на 6 страниц, в которым почти нет контента. Больше всего в глаза бросается то, что картинки не прогружаются на положенных местах, да и с видео проблемы – указанных роликов нет на YouTube, либо же ссылки изменились.
Самое информативное, что есть на сайте, — страница с фото, содержащая ссылки на внешние ресурсы, где реально прочесть и посмотреть интересные материалы по теме скульптур. Для чего-то после контентной области на каждой странице находится поле для комментариев – непонятно, что тут можно обсуждать. Нелепо смотрится и совершенно пустой левый сайдбар.
Общее впечатление. Сайт выглядит заброшенным. Контент оформлен как попало, что-то работает, что-то – нет. Из полезного – ссылки на внешние публикации и на сайты, где можно заказать создание скульптур. Слабая, проходная работа.
8. Шахматная лига PIK Digital
Проект создан крупной IT-компанией PIK Digital для организации и проведения шахматных онлайн-турниров. В шапку сайта встроено фиксированное меню и строка поиска. На главной странице расположены блоки с информацией о Лиге, особенностях и правилах ее проведения, призовом фонде. Внизу страницы размещена форма обратной связи в виде ссылки на Google-документ. Таким же способом организована форма регистрации для участников. Связаться с организаторами и присоединиться к чату можно через Telegram. Отдельными страницами вынесены материалы для подготовки, обзор призов и знакомство с организаторами Лиги.
Общее впечатление – максимально простой сайт с незамысловатым дизайном и функционалом. Такой сайт с легкостью смог бы собрать любой новичок сайтостроения, а не специалисты IT-компании.
9. Зимняя школа Волгоградского ГМУ
Зимняя школа Волгоградского государственного медицинского университета предназначена для обучения уникальным дополнительным образовательным программам для профессионального роста.
Меню сайта состоит всего из двух ссылок – на главную страницу и историю школы. На главной странице размещена краткая информация о школе и блоки с предлагаемыми программами обучения. Под каждым блоком находится ссылка на оформление заявки, которая перебрасывает пользователя на почту mail.ru. В подвале указаны подробные контактные данные школы. Для каждой программы обучения разработана отдельная страница с описанием курса, преподавательским составом, видеороликами.
Общее впечатление – немного неудобно организована подача заявки на обучение и обратная связь с администрацией, но в целом сайт доносит до целевой аудитории необходимую информацию.
10. Школа ИМТП электронная
Образовательный портал, принадлежащий Институту международной торговли и права. Сайт представляет собой электронную среду для онлайн-обучения учеников 10-11 классов.
Главная страница сайта небольшая, но содержит все необходимые для организации образовательного процесса материалы. Вверху сайта зафиксировано меню и строка поиска, ниже расположены ссылки для доступа к организационным вопросам и образовательным сервисам для зарегистрированных учеников, контакты администрации школы. Инструкции по работе с используемыми онлайн-сервисами можно найти по ссылке в меню. Также на страницу выведена новостная лента, блог ведется в Google-документах. В подвале сайта находится ссылка на основной сайт Института, его адрес и номер телефона. Обязательные для изучения предметы и курсы вынесены на отдельную страницу.
Общее впечатление – профессионально выполненный сайт с логичной структурой и необходимым для обучения функционалом.
11. Корпоративное такси в Ярославле
Компания «Деловое», осуществляющая пассажирские и грузовые перевозки, представляет собой сервис заказа такси для бизнеса. Сайт создан с целью сбора заявок на заключение договора.
Фиксированный хедер содержит меню и строку поиска. На первом экране размещена ссылка на Google-документ для составления заявки. Удобно, что документ открывается в новом окне. Под ним находится строка с телефоном менеджера, подробные контакты вынесены на отдельную страницу. Ниже расположены блоки с преимуществами компании, условиями сотрудничества и продублирована форма заявки. В подвале дана ссылка на правовые документы. Тарифной политике сервиса посвящена отдельная страница.
После составления договора пользователям предоставляется доступ в личный кабинет для осуществления заказов и осуществления контроля поездок. Личный кабинет имеет 21 языковую локализацию.
Общее впечатление – толковый бизнес-сайт с четко обозначенными задачами и инструментами для их решения. Возможно, следует поработать над дизайном, заменить стоковые изображения, добавить отзывы клиентов.
12. EES EAEC. Мировая энергетика
EES EAEC – частный информационно-аналитический проект, авторы которого занимаются сбором и анализом информации о динамике развития энергетики стран мира.
Меню сайта встроено в боковую панель и имеет колесо прокрутки, поскольку в него внесены все страницы сайта. Отдельные разделы имеют вложенные подпункты. В правом верхнем углу зафиксирован значок поиска. Содержание главной страницы периодически меняется и отображает публикацию со свежевнесенными изменениями. Для подачи информации использованы документы и таблицы Google, фотографии, диаграммы, интерактивные карты.
Общее впечатление – сайт имеет большую информационную ценность для своей целевой аудитории. Следует отдать должное разработчикам, которые смогли грамотно структурировать довольно большой объем данных и удобочитаемо их оформить. К сожалению, не предусмотрена обратная связь с администрацией.
Выводы
Внешний вид сайтов, показанных выше, не должен вводить в заблуждение. Эти проекты сделаны на основе старых шаблонов Google Sites. Сейчас конструктор предлагает принципиально другие темы, которые свёрстаны с учётом современных требований к дизайну. Да, возможностей для кастомизации всё ещё очень мало, сайты получаются похожими друг на друга. Но они хотя бы не выглядят так, будто вы перенеслись на 15 лет назад.
От Google Sites нельзя требовать многого. Это бесплатный конструктор, который предлагает за пару часов собрать проект с адаптивным дизайном. Вы не платите за хостинг — сайты хранятся на серверах Google. Количество проектов не ограничено — можно хоть каждый день создавать новые страницы. Вы можете подключить к сайту свой домен — надо только купить его у любого регистратора.
Стоит ли использовать Google Sites для коммерческих проектов? Скорее, нет. Да, в галерее есть шаблоны для бизнеса. При желании можно собрать на их основе симпатичные сайты. Но есть важная деталь — на Google Sites очень быстро упираешься в границы дозволенного. Если проект будет развиваться, то функциональность бесплатного конструктора от Google не хватит. Если же вы делаете что-нибудь простое вроде портфолио или промо мероприятия, то Google Sites вполне подойдёт.
