# data[].attributes.attachment_link.readable_text
Сайт є майданчиком, на якій можна розміщувати інформацію різної якості, висловлювати свої думки і доносити їх до своєї аудиторії. Інструментів для створення ресурсів в мережі досить багато, і ми сьогодні розглянемо один з них - Гугл Сайти.

Створення сайту на Google Sites

Гугл надає нам можливість безкоштовно створювати необмежену кількість сайтів на платформі свого хмарного диска Google Drive . Формально такий ресурс являє собою звичайний документ, який підлягає редагуванню, як, наприклад, форма або таблиця.

Читайте також: Як користуватися Гугл Диском

Створюється новий сайт наступним чином:

1. Наводимо курсор на пункт "Ще" і в підменю вибираємо "Google Сайти".

2. Відкриється нова вкладка браузера з конструктором, в якому проводиться редагування ресурсу.

персоналізація

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

значок

Говорячи про значок, ми маємо на увазі іконку, яка показується на вкладці браузера при відкритті ресурсу (favicon).

Назва

1. Далі можливі два варіанти: завантаження картинки з комп'ютера або вибір її на Гугл Диску.
У першому випадку ( "Завантажити") відкриється "Провідник" Windows, в якому знаходимо зображення і тиснемо "Відкрити".

При натисканні на посилання "Вибрати" відкриється вікно з варіантами вставки. Тут можна ввести URL картинки на сторонньому ресурсі, виконати пошук в Google або своїх альбомах, а також додати значок з Гугл Диска.

Виберемо останній варіант. Далі натискаємо по зображенню і натискаємо "Вибрати".

2. Закриваємо спливаюче вікно.

3. Для того щоб іконка застосувати, публікуємо сайт.

4. Придумуємо URL.

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

6. Готово, значок відображається на вкладці браузера.

Назва - це ім'я сайту. Крім того, воно присвоюється і документу на Диску.

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

Заголовок сторінки прописується і в верхній частині шапки і безпосередньо на її основі.

Логотип

1. Ставимо курсор в поле і вказуємо, що сторінка є головною.

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

Логотип - це картинка, яка відображається на всіх сторінках сайту.

Картинка для шапки

1. Вибір зображення здійснюється точно так же, як і в випадку із позначкою (див. Вище).

2. Після додавання можна вибрати колір фону і загальної теми, яка автоматично визначається на підставі колірної схеми лого.

Основне зображення шапки змінюється за тим же алгоритмом: "наводити" на основу, вибираємо варіант додавання, вставляємо.

Тип заголовка

У заголовка сторінки існують свої настройки.

За умовчанням встановлено значення "Банер", на вибір же представлені "Обкладинка", "Великий банер" і "Тільки заголовок". Розрізняються вони розмірами шапки, а останній варіант має на увазі відображення тільки тексту.

видалення елементів

Як видалити текст з шапки, ми вже писали вище. Крім цього, можна також видалити і колонтитул цілком, навівши на нього миша і натиснувши на значок кошика ліворуч.

Нижній колонтитул (підвал)

Якщо навести курсор на нижню частину сторінки, з'явиться кнопка додавання елемента.

Тут можна додати текст і налаштувати його за допомогою меню.

теми

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

Вставка довільних блоків

На сторінку можна додати чотири типи довільних елементів. Це текстове поле, зображення, URL або HTML-код, а також практично будь-який об'єкт, розташований на вашому Google Drive.

текст

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

зображення

Дана кнопка відкриває контекстне меню з варіантами завантаження картинки.

Після того як буде обраний спосіб (див. Вище), елемент розміститься на сторінці. Для нього також є блок налаштувань - кадрування, додавання посилання, підписи і альтернативного тексту.

вбудувати

Ця функція має на увазі вбудовування в сторінку фреймів з інших сайтів або HTML-коду банерів, віджетів та інших елементів.

Перша можливість (фрейми) обмежена тільки сайтами, які працюють на http (без приписки "s"). Оскільки сьогодні більшість ресурсів мають SSL-сертифікатами, корисність функції ставиться під велике питання.

Вбудовування HTML проводиться таким чином:

Об'єкт на диску

Під об'єктами маються на увазі практично будь-які файли, розташовані на Google Drive. Це відео, картинки, а також будь-які Гугл-документи - форми, таблиці і так далі. Ви також можете і цілу папку, але вона буде відкриватися в окремому вікні за посиланням.

Вставка встановлених блоків

У меню містяться і блоки, що дозволяють розміщувати контент певного типу. Наприклад, карти, ті ж форми, таблиці та презентації, а також кнопки і роздільники.

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

Робота з блоками

Як ви могли помітити, кожен блок розміщується під попереднім, в новому розділі. Це можна виправити. Будь-який елемент на сторінці підлягає масштабування і переміщення.

масштабування

Якщо клікнути по блоку (наприклад, текстового), на ньому з'являться маркери, потягнувши за які можна змінити його розмір. Для зручності вирівнювання під час цієї операції з'являється допоміжна сітка.

У доданого елемента є тільки одна настройка (крім видалення) - редагування HTML (або скрипта).

На деяких блоках присутній і третій маркер, що дозволяє змінювати його висоту.

переміщення

Виділений елемент можна переміщати як всередині свого розділу, так і перетягнути в сусідній (верхній або нижній). Обов'язковою умовою є наявність вільного від інших блоків місця.

У таких блоків немає налаштувань, можна тільки відкрити елемент в новій вкладці для перегляду.

Робота з розділами

Розділи, в яких розміщуються блоки, можна скопіювати, видалити повністю з усім контентом, а також налаштувати фон. Дане меню з'являється при наведенні курсору.

Ця дуже зручна функція дозволяє розміщувати зібрані з різних блоків розділи. Для того щоб елементи з'явилися на сайті, потрібно вибрати один з представлених варіантів і перетягнути його на сторінку.

Блоки з плюсами - це місця для зображень, відео, карт або об'єктів з Диска.

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

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

Робота зі сторінками

Маніпуляції зі сторінками виробляються на відповідній вкладці меню. Як бачимо, тут тільки один елемент. Над ним ми зараз працювали.

Розташовані в цьому розділі сторінки будуть відображатися в верхньому меню сайту. Перейменуємо елемент в "Головна", двічі клацнувши по ньому.

Створимо копію, натиснувши на кнопку з точками і вибравши відповідний пункт.

Дамо копії назву

Автоматично все створені сторінки з'являться в меню.

Якщо ми додамо розділ, то це буде виглядати ось так:

параметри

Деякі настройки можна зробити, перейшовши до пункту "Параметри" в меню.

Крім зміни назви, є можливість задати шлях для сторінки, а точніше, заключну частину її URL.

У нижній частині даного розділу розташовується кнопка з плюсом, навівши курсор на яку, можна створити порожню сторінку або додати в меню довільну посилання на будь-який ресурс в інтернеті.

Перегляд і публікація

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

Перемикання між пристроями здійснюється кнопками, зазначеними на скріншоті. На вибір представлені наступні варіанти: настільний і планшетний комп'ютер, телефон.

Публікація (збереження документа) проводиться кнопкою "Опублікувати", а відкриття сайту - кліком по відповідному пункту контекстного меню.

Після виконання всіх дій можна скопіювати посилання на готовий ресурс і передати її іншим користувачам.

Сьогодні ми навчилися користуватися інструментом Google Sites. Він дозволяє в найкоротші терміни розмістити в мережі будь-який контент і надати до нього доступ аудиторії. Зрозуміло, його не можна порівнювати з популярними системами управління контентом (CMS), але простенький сайт з необхідними елементами з його допомогою створити можна. Головними плюсами таких ресурсів є гарантія відсутності проблем з доступом і безкоштовність, якщо, звичайно, ви не купуєте додаткове місце на Google Drive.

# data[].attributes.attachment_link.description
Сайт є майданчиком, на якій можна розміщувати інформацію різної якості, висловлювати свої думки і доносити їх до своєї аудиторії. Інструментів для створення ресурсів в мережі досить багато, і ми сьогодні розглянемо один з них - Гугл Сайти. Гугл надає нам можливість безкоштовно створювати необмежену кількість сайтів на платформі свого хмарного диска Google Drive .

# data[].attributes.attachment_link.readable_text
За матеріалами української вікіпедії СайтиGoogle ( GoogleSites) - спрощений безкоштовний хостинг на базі вікі-движків. Може використовуватися як частина Google Apps. Дозволяє за допомогою технології зробити інформацію доступною для людей, які потребують її швидкої подачі. Користувачі сайту можуть працювати разом, додавати інформацію з інших додатків Google, наприклад Документи Google, Календар Google, YouTube, Picasa та з інших джерел.

Творець сайту може запрошувати інших користувачів для спільної роботи над сайтом, контролювати їх доступ до матеріалів. Сайт може бути використаний в private режимі, наприклад, для організації особистого wiki блокнота або для ведення записів по приватному проекту з доступом до інформації тільки після авторизації.

У довідковому центрі від розробників представляють сервіс Google Sites як ресурс простих веб-сайтів для будь-яких команд: надзвичайно простий інструмент для створення веб-сайту, де користувачеві не потрібно писати програмний код.

Перевагами використання Google Sites є:

Інтуїтивно зрозумілий редактор . Як і всі продукти Google сервіс сайтів створений й орієнтований на користувача: всі дії прості, інтуїтивні, не потребують додаткового опрацювання, а зручний сучасний інтерфейс надає можливість створення індивідуальних, неповторних, функціональних сторінок, обмеженням до контенту яких є тільки уява самого користувача.

Потужний пошук від Google на Сайтах , який дозволяє швидко знаходити потрібну інформацію на всіх внутрішніх сайтах.

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

Керування доступом до даних надає можливість розробникові сайту вирішити, які користувачі та групи можуть переглядати чи редагувати сайт. Доступ можна надати лише вибраним користувачам, усім в організації або всім користувачам Інтернету.

# data[].attributes.attachment_link.description
За матеріалами української вікіпедії СайтиGoogle ( GoogleSites) - спрощений безкоштовний хостинг на базі вікі-движків. Може використовуватися як частина Google Apps. Дозволяє за допомогою технології зробити інформацію доступною для людей, які потребують її швидкої подачі. Користувачі сайту можуть працювати разом, додавати інформацію з інших додатків Google, наприклад Документи Google, Календар Google, YouTube, Picasa та з інших джерел.

# data[].attributes.headline
Ключові етапи створення сайту

# data[].attributes.subject
Ключові етапи створення сайту

# data[].attributes.attachment_link.provider_name
Веб розробка сайтів, створення сайтів Львів

# data[].attributes.attachment_link.readable_text
Створення сайту - ключова послуга нашої компанії, яка займається веб розробкою з 2005 року. Дотримання основних етапів побудови сайтів є запорукою успішної роботи ресурсу, і тому їх ігнорування, як правило, дорого обходиться власникам.

Досі зустрічаються власники бізнесу, які замовляють сайти з принципу просто створити сайт, "щоб був". "Раз у конкурентів є, то і нам потрібно". При цьому сам клієнт не бере участі в процесі, і недосвідчені фахівці іноді створюють сайт в рамках своєї картини світу. Адже ж це не їх бізнес, і вони не знають всіх тонкощів справи. Виходить сайт про все і ні про що, який витрачає час і гроші власників. Давайте розберемося, що потрібно зробити, перш ніж замовляти сайт, під час його створення і після, щоб отримати на виході робочий інструмент для бізнесу. Виділимо наступні етапи створення сайтів:

Крок 1. Визначаємо цілі

В першу чергу потрібно визначитися, для чого вам потрібен сайт. Від цього буде залежати структура і наповнення ресурсу, а також способи просування.
Вивчіть вашу аудиторію: хто ваші клієнти і як вони шукають інформацію про продукт або послугу. Від цього і буде залежати, який сайт вам потрібен. Якщо ви тільки починаєте бізнес, то подивіться дослідження з вашої сфери, щоб зрозуміти загальну картину. Для тих, у кого вже багато клієнтів в офлайні, рекомендуємо провести опитування серед покупців і співробітників.
Для інтернет-магазинів рекомендуємо почати вивчення e-commerce в цілому, щоб розуміти хто і що замовляє в інтернеті.І, звичайно ж, не забувайте про конкурентів, які вже створили сайти. Вивчіть, як вони залучають клієнтів, які у них є можливості або які помилки вони допускають. Зрозумівши, хто ваші клієнти, легше сформулювати мету сайту, яка може виглядати, наприклад, ось так:

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

Просування бренду. Ваша компанія вже утвердилася на ринку, але невідома в інтернеті: в різних рейтингах, на сторінках форумів або на інформаційних сайтах немає згадок про вас, тільки про конкурентів. Підійде створення сайту-візитки, який буде підвищувати лояльність клієнтів і допомагати швидше знайти контакти компанії.

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

Підвищення продажів певного продукту. Тим, хто поки не готовий запускати повноцінний сайт або хотів би "промацати" аудиторію, варто почати з Лендінзі (landing page) для одного товару або послуги.

Це лише найпоширеніші варіанти, для орієнтиру.

Крок 2. Вибираємо домен і хостинг

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

Крок 3. Складаємо технічне завдання

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

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

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

Список засобів перегляду сайту. Перерахуйте браузери і їх версії, з яких сайт повинен коректно відображатися, особливо якщо специфіка бізнесу вимагає підтримки старих версій (наприклад, для банківської сфери). І не забуваємо про оптимізацію під мобільні, щоб ваш сайт виглядав акуратно на будь-якому пристрої.

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

Опис структури сайту. Продумайте основні розділи, грунтуючись на ваші товари або послуги, і вкажіть, що приблизно буде на сторінках (або сторінці в випадку з Лендінгом). Не забуваємо при плануванні структури враховувати запити користувачів, щоб сайт було легше просунути в пошуку.

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

Крок 4. Написання текстів

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

Головна сторінка. Обов'язково підготуйте даний текст до розробки сайту, щоб побачити, як він буде виглядати поруч з іншими блоками. Можливо інформацію доведеться доповнити графічними елементами або розділити на частини.

Сторінка послуги або картка товару. Напишіть текст для однієї типової сторінки, щоб потім за аналогією заповнити інші.

Сторінка про компанію. Варто підготувати текст заздалегідь і продумати візуальні акценти.

При створенні текстів пам'ятаємо про те, що вони повинні бути унікальними. Ми раніше писали про те, що таке унікальність і як захистити тексти від копіювання для Яндекса і Google.
Ще тексти повинні бути оптимізованими. Тому перед написанням тексту необхідно скласти список ключових слів, або семантичне ядро, які потім потрібно буде розподілити по тексту. Також в тексті слід вказати теги Title, Description і заголовки h1-h3.

Крок 5. Дизайн

А ось тепер можна вже продумувати дизайн проекту. Багато помилково починають з цього етапу, тому в підсумку виходять гарні, але непотрібні сайти.
Перед зверненням до дизайнера рекомендуємо зробити міні-добірку сайтів, які вам подобаються, але не забуваємо про особливості тематики бізнесу. Орієнтуйтеся на конкурентів і ознайомтеся з трендами в дизайні, щоб продумати унікальний і сучасний дизайн. При виборі компанії або фрілансера обов'язково дивіться портфоліо. Воно повинно вам подобатися і, в ідеалі, містити приклади з вашої тематики.

Крок 6. Оптимізація

Ми вже згадували про оптимізацію текстів, тепер перейдемо до оптимізації всього сайту. Базовий список робіт, який необхідно виконати:

Складання карти релевантності. На основі зібраного раніше семантичного ядра створюємо план розподілу ключових слів між сторінками сайту.

Реєстрація сайту в Google Search Console, щоб налаштувати відображення інформації про сайт для пошукових систем.

Додавання карти сайту (sitemap.xml), яка допоможе прискорити індексацію сайту.

Створення robots.txt. Файл з інструкціями для пошукових роботів, які сторінки потрібно або не потрібно індексувати.

Налаштування 404 сторінки. Допоможе перенаправити користувачів з порожніх розділів на працюючі сторінки сайту.

Підключення SSL-сертифіката, якщо на вашому сайті планується особистий кабінет і / або форма замовлення.

Прописання тегів і метатегів. Необхідні, щоб сторінки привабливо відображалися в пошуку.

Найкраще для виконання даних робіт підключити seo-фахівця, який в подальшому буде займатися просуванням сайту.

Крок 7. Верстка сайту

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

Крок 8. Наповнення контентом

Тепер, коли у вас вже є робоча версія сайту, необхідно заповнити порожні розділи і шаблонні сторінки. Серед них:

Сторінки карток товарів. Типові варіанти у вас вже є.

Сторінки портфоліо. Вибирайте тільки реальні фотографії і оформляйте їх в єдиному стилі, щоб розділ виглядав презентабельно. Детальніше про те як підбирати та оптимізувати зображення.

Розділи типу "Блог" або "Новини". Додайте для початку кілька матеріалів (тільки якщо у вас не інформаційний портал), щоб розділи не були порожніми.

Сторінки гарантій або умов доставки і оплати. Обов'язково заповніть їх перед запуском сайту, щоб підвищити довіру до сайту.

Сторінка контактів. Вкажіть якомога більше контактів для зв'язку, щоб клієнт зміг вибрати найбільш зручний.

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

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

Крок 9. Підключення веб-аналітики

Щоб розуміти, наскільки ефективний ваш сайт і зрозумілий він користувачам, необхідно встановити лічильники веб-аналітики. Найбільш зручна і поширена система - Google Analytics.

Підсумки

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

Якщо ви не знаєте, кому довірити створення сайту, то можете звернутися до нас. Виконуємо всі роботи, при розробці враховуємо всі нюанси для просування в ТОП.

# data[].attributes.attachment_link.title
Основні етапи створення сайту

# data[].attributes.attachment_link.description
Створення сайту - ключова послуга нашої компанії, яка займається веб розробкою з 2005 року. Дотримання основних етапів побудови сайтів є запорукою успішної роботи ресурсу, і тому їх ігнорування, як правило, дорого обходиться власникам. Досі зустрічаються власники бізнесу, які замовляють сайти з принципу просто створити сайт, "щоб був".

# data[].attributes.attachment_link.title
Створення Google сайту