Як роботи бачать світ? Як перейти на нову версію Search Console Топ платних CMS-систем

Скопіюйте цей код у новий текстовий файл та збережіть його на своєму комп'ютері. Задайте для файлу ім'я index.html . Потім відкрийте цей файл у будь-якому браузері та подивіться на результат.

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

Повну версію цього найпростішого HTML-сайту можна завантажити у вигляді архіву (10,8Mb) . Після розпакування архіву запускаємо html/index.html.

Ключові етапи створення сайту

Самостійне створення сайту з нуля складається із трьох основних етапів:

• Створення макету сайту. Саме на цьому етапі з'являється чітке візуальне уявлення, як виглядатиме створюваний інтернет-ресурс. Найчастіше використовується Adobe Photoshop або інші растрові редактори.
• Верстка сайту . На цьому етапі приступають до верстки сайту з макета .psd, мобільної адаптації та тестування на коректне відображення в різних браузерах.
• Впровадження PHP. На цьому етапі сайт перетворюється зі статичного на динамічний.

Давайте розберемося з усіма цими етапами докладніше.

Створення макету сайту

Найчастіше макет ( у цьому випадку під цим словом варто розуміти візуальне оформлення) сайту створюється у програмах, які прийнято називати графічними редакторами. Найбільш популярними є Adobe Photoshop і CorelDRAW. Ми рекомендуємо використовувати саме Photoshop, так як він трохи простіше в освоєнні і при цьому має багаті можливості. Крім того, саме ним користуються усі веб-дизайнери.

Створюємо новий документ в Adobe Photoshop. Задаємо йому ім'я - MySite.

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

Вибираємо роздільну здатність 72 пікселя на дюйм і RGB-колір. Ці установки робимо обов'язково, оскільки вони відповідають за коректне відображення веб-сторінки.

Потім встановлюємо колір фону F7F7C5 у шістнадцятковому форматі або вибираємо його за допомогою палітри кольорів.

Після цього вибираємо пункт меню « Перегляд» – «Напрямні»і активуємо відображення лінійок та напрямних.

У пункті меню « Перегляд » - «Прив'язка до »необхідно перевірити, чи включена прив'язка до напрямних та кордонів документа.

За допомогою інструмента « Текст», вводимо текстову назву майбутнього сайту, слоган під ним, а також контактний номер телефону праворуч вгорі макету.

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

Потім за допомогою інструмента « Форми »створюємо прямокутник із закругленими краями (радіус – 8 точок) і за його допомогою позначаємо місце під зображення, яке розташовуватиметься у шапці сайту.

Тепер настав час вставити зображення у шапку сайту.

За допомогою інструмента « Текст », та шрифту Georgia , що входить у стандартний набір операційної системи Windows , створюємо навігаційне меню та заголовок головної сторінки сайту.

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

Для заголовка тексту використовуємо чорний шрифт. Для навігаційного меню – білий.

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

Використовуючи інструмент « Форми » - « Пряма »проводимо заключну лінію під текстом сторінки.

За допомогою інструмента « Текст » (шрифт Arial) розміщуємо копірайт у підвалі сторінки (під лінією).

Нарізаємо необхідні для верстки сайту фрагменти зображень за допомогою інструмента « Розкрійка » (ми виділили основну картинку в шапці та картинку в тексті сторінки).

В результаті виконаної роботи ми створили повноцінний макет сайту. Якщо ви захочете внести власні зміни до макету сторінки, файл PSD також можна знайти в архіві .

Для того щоб зберегти та використовувати результати виконаної роботи у вигляді зображень для подальшої верстки сайту, переходимо в меню « Файл »та вибираємо пункт « Зберегти для Інтернет» . Потім налаштовуємо якість вихідних зображень та зберігаємо їх.

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

Макет сторінки створено, необхідні фрагменти отримані можна переходити до верстки.

Верстка сайту

Перш за все необхідно створити новий текстовий файл і зберегти його під назвою index.html .

Перший рядок цього файлу має виглядати так:

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

«Голова» документа«Тіло» документа

Пара тегів …говорить про те, що всередині міститься HTML-код.

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

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

Що стосується формату відображення елементів, він може бути заданий як безпосередньо, з використанням відповідних тегів, так і за допомогою таблиць стилів CSS . При цьому саме другий спосіб є найкращим, так як він дозволяє повторно застосовувати стилі компонентів. Таблиця стилів задається або всередині тега , або в окремому файлі ( Найчастіше цей файл має ім'я style.css), посилання на який також розташовується всередині .

У нашому випадку структура елементів сайту виглядає так:

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

Більш детально вивчити всі основні HTML-теги, їх призначення, використання таблиць стилів (CSS) можна скориставшись книгами, представленими в розділі «Мовки розмітки», крім того, корисні поради щодо організації контенту, верстки, CSS наводяться в .

Створення сайту за допомогою PHP

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

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

Для створення таких сторінок необхідно використовувати мови веб-програмування. Серед них найбільш поширені PHP, Python і Ruby on Rails для Unix-систем, а для Windows характерна розробка динамічного контенту з використанням засобів .NET.

Це стосується серверної частини, а для програмування на клієнтській стороні найчастіше використовується JavaScript.

У підготовленому нами архівіє папка php, у якій збережено файл index.php. Саме він дозволяє реалізувати три сторінки нашого тестового сайту за допомогою PHP.

PHP – це популярна мова веб-програмування, призначена для створення динамічних веб-сторінок. Головна відмінність динамічної веб-сторінки від статичної полягає в тому, що вона формується на сервері, а готовий результат передається в браузер користувача.

В рамках цієї статті ми не заглиблюватимемося в нетрі PHP-програмування і для наочності обмежимося простими вставками фрагментів коду.

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

...

Спробуйте запустити у браузері файл php/index.php. Не вийшло? Звичайно, ні. Адже браузер не знає, що йому робити з командами, з яких складається PHP-файл (він же PHP-скрипт).

Для того, щоб будь-який PHP-скрипт виконався успішно, він повинен бути оброблений інтерпретатором мови. Такий інтерпретатор обов'язково присутній на всіх веб-серверах і дозволяє обробляти PHP-код. Але як подивитися, що змінилося в результаті нашої роботи?

Для налагодження веб-додатків та реалізації повноцінного веб-сервера на комп'ютерах, що працюють під керуванням операційної системи Windows, було створено безкоштовний пакет Denwer (для вашої зручності він присутній у підготовленому нами архіві). Він включає веб-сервер Apache, інтерпретатори таких мов веб-програмування як PHP і Perl, базу даних MySQL, а також засоби для роботи з електронною поштою.

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

Щойно встановлений нами веб-сервер запускається кліком по ярлику Start Denwer ( у вас він може називатися інакше). Після старту веб-сервера скопіюйте в папку home/test1.ru/www/ , розташовану на віртуальному диску, що з'явився в системі (звичайно Z), вміст папки php з архів, з яким ми працюємо, крім файлу index.html.

Після цього наберіть в адресному рядку браузера test1.ru. Знайома картина? А тепер пройдіться за посиланнями, розташованими зверху сторінки. Чи працює? Чудово!

Створювати сайт із нуля чи на конструкторі сайтів?

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

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

У наведеній нижче таблиці ми постаралися узагальнити ключові переваги та недоліки сайту з нуля VS конструктора сайтів:

Який спосіб створення сайту найбільш переважний?

Насправді однозначної відповіді на це питання не існує. Все залежить від ваших цілей та завдань. Можливо, ви хочете вивчити найпопулярніші CMS-системи? А може, навчитися самостійно формувати вихідний код сайту? Немає нічого неможливого!

Але якщо ви хочете створити сучасний і дійсно якісний сайт у гранично короткий термін, ми рекомендуємо скористатися саме конструкторами сайтів!

Корисні програми для вебмастерів-початківців

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

Notepad++- текстовий редактор, що дозволяє створювати та редагувати вихідний код створюваного сайту. Відмінна заміна програмі "Блокнот", що входить до складу операційної системи Windows.

Adobe Dreamweaver- потужна та багатофункціональна програма для створення сайтів. Крім усього іншого вона включає можливість попереднього перегляду створюваного ресурсу.

NetBeans– середовище розробки додатків, яке дозволяє ефективно працювати з такими мовами розмітки та Веб-програмування, як HTML, CSS, JavaScript та PHP.

Публікація створеного сайту в Інтернеті

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

Що таке «домен» і навіщо він потрібний

Домен – це ім'я сайту. Крім того, під терміном «дом н» найчастіше розуміють адресу вашого сайту в мережі «Інтернет».

Відмінним прикладом домену може бути ім'я сайту, на якому ви зараз перебуваєте - internet-technologies.ru.

Як видно з наведеного вище прикладу, доменне ім'я сайту складається з двох частин:

• безпосередньо назви сайту - у нашому випадку це internet-technologies;
• обраної доменної зони. У нашому випадку було обрано доменну зону « .ru». Доменна зона вказується на адресі сайту після його назви.

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

• internet-technologies.ru – домен другого рівня;
• forum.internet-technologies.ru- Домен третього рівня (він же піддомен).

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

Найчастіше використовуються такі доменні зони:

• .ru - найпопулярніша доменна зона в рамках російськомовного сегмента Всесвітньої павутини;
• .biz – часто доменна зона використовується для сайтів бізнес-тематики;
• .com – ця доменна зона найчастіше використовується для комерційних та корпоративних сайтів;
• .info - у цій доменній зоні досить часто розташовуються саме інформаційні сайти;
• .net - ще одна популярна доменна зона, що підходить для проектів, пов'язаних з Інтернетом;
• .рф - офіційна доменна зона Російської Федерації

Якщо більшість цільової аудиторії перебуває у Росії, ми рекомендуємо реєструвати домен у зоні «.ru ».

Як вибрати домен

При виборі домену для власного сайту ми рекомендуємо керуватися такими принципами:

• оригінальність та легкість запам'ятовування;
• максимальна довжина – 12 символів;
• легкість набору на латиниці;
• відсутність імені домена знака «тире» (бажано, але з обов'язково).
• Чистота історії домену та відсутність на ньому будь-яких санкцій з боку пошукових систем. Це можна перевірити за допомогою сервісу whois history.

Де можна придбати домен?

Ми рекомендуємо користуватися послугами надійного та перевіреного часом реєстратора доменних імен – WebNames . Ми використовуємо саме його.

Крім того, сайт цього реєстратора дозволяє прямо в режимі онлайн підібрати ім'я (домен) для свого сайту. Зробити це досить легко.

Для цього достатньо ввести у відповідне поле бажане ім'я домену та натиснути кнопку «Шукати домен».

Що таке «хостинг»

Для того, щоб створений вами сайт став доступним всім користувачам Всесвітньої павутини, крім домену вашому інтернет-ресурсу знадобиться ще й хостинг.
Терміном «хостинг» позначається послуга розміщення вашого сайту в Інтернеті. Наданням подібних послуг займається велика кількість компаній, які називають «хостерами».

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

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

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

Як вибрати хостинг

При виборі хостингу для створюваного сайту ми рекомендуємо керуватися такими критеріями:

• Стабільна робота. Вибраний вами хостинг має стабільно працювати 24 години на добу, 7 днів на тиждень. Інакше ви нестимете репутаційні втрати в очах відвідувачів, а також втратите довіру з боку пошукових систем. У зв'язку з цим варто звернути особливу увагу на такий параметр, як uptime хостингу. Uptime - це час, протягом якого сайт працює в штатному режимі і відвідувачі можуть відкрити його у своєму браузері без будь-яких проблем. Воно має бути максимально наближеним до 100%. У свою чергу, час відгуку сайту демонструє, наскільки швидко ваш сайт відповідає на запит, що надходить від браузера користувача. Чим менший час відгуку, тим краще.
• Простота і зручність інтерфейсу користувача. При вході в особистий кабінет вся панель управління має бути не тільки доступною, але й інтуїтивно зрозумілою. Зокрема, ви повинні бачити поточний баланс, а також мати швидкий доступ до всіх основних функцій хостингу.
• Професійна російськомовна служба підтримки. Швидка, кваліфікована та розмовляюча рідною для вас мовою технічна підтримка дуже важлива у разі виникнення різних збоїв у роботі сайту та необхідності їх оперативного усунення.
• Вартість послуг . Цей аспект важливий як для вебмастерів-початківців, які мають у своєму розпорядженні обмежений бюджет, так і для власників масштабних інтернет-проектів, що вимагають використання дійсно дорогого хостингу.

Зі свого боку ми можемо порекомендувати вам таких надійних та перевірених часом хостинг-провайдерів, як Beget (для початківців та просунутих вебмайстрів), а також FastVPS (для тих, кому потрібний високопродуктивний хостинг).

Розміщення готового сайту на сервері

Допустимо, ви вже створили сайт, купили домен та хостинг. Що робити далі?

Тепер потрібно розмістити всі файли нашого сайту на сервері вибраного хостинг-провайдера. Є одразу кілька способів зробити це. Давайте поговоримо про них.

1. Це завантаження вмісту вашого сайту за протоколом HTTP за допомогою панелі управління хостингом.
2. За протоколом FTP за допомогою так званого FTP-клієнта.

Саме другий спосіб є найшвидшим. Для цього завдання ми рекомендуємо один із найкращих безкоштовних FTP-клієнтів – FileZilla.

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

Відповіді на поширені запитання

З чого розпочати навчання майбутньому вебмайстру (творцю сайтів)?

• основи HTML;
• основи CSS;
• основи PHP.

Що стосується подальшого навчання та розвитку, для створення односторінкових сайтів буде корисно освоїти таку програму як Abobe Muse. Якщо ж ви захочете створювати багатофункціональні сайти на замовлення, обов'язково знайдіть час на освоєння CMS WordPress, адже саме вона зараз є найпопулярнішою та найпоширенішою.

Як знайти та вибрати фахівців для створення сайту

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

Є відразу кілька критеріїв, на які слід спиратися при виборі спеціалістів для створення сайту. Виділимо основні:

• Наявність портфоліо успішно завершених проектів. Якщо у вибраного виконавця або команди виконавців немає портфоліо, це викликає запитання.
• Вміння пояснювати складні речі простою мовою. Якщо вас із самого початку спілкування «вантажать» складними термінами і не дають їм якихось зрозумілих пояснень, краще знайти іншого виконавця.
• Бажана наявність у виконавця власного сайту. Пам'ятайте вираз «с сапожник без чобіт»? Часто це аналогія вірна, але тут бувають винятки.
• Позитивні відгуки реальних клієнтів. Відмінно, якщо вдасться поспілкуватися з клієнтами, попросивши контакти у виконавця.

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

• fl.ru;
• weblancer.net;
• freelance.ru;
• work-zilla.com.

Де можна пройти професійне навчання для створення сайтів?

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

• дизайнер;
• верстальник;
• програміст;
• менеджер.

У зв'язку з цим необхідно розуміти, що спеціалізовані курси дозволяють освоїти конкретну професію та закрити певний фронт робіт, пов'язаних із створенням сайту. Якщо ви шукайте саме такі курси, зверніть увагу на такі навчальні онлайн-платформи:

• geekbrains.ru;
• netology.ru.

Чи можна безкоштовно вивчити основи сайтобудування?

Чи можна самостійно створити власний сайт?

Звичайно можна! З цією метою найкраще скористатися конструкторами сайтів, оскільки вони відмінно підходять для новачків і при цьому надають справді великі можливості.

Чи можна створити повноцінний сайт абсолютно безкоштовно?

Ні, не можна. Навіть якщо ви все розроблятимете самі (з нуля або на CMS), вам все одно знадобиться купити хостинг і домен. Це коштує не великих грошей, але все-таки грошей.

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

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

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

Чи можна заробити на розробці веб-сайтів?

Звичайно можна! Якщо ви станете кваліфікованим фахівцем і створюватимете сайти для інших людей, обов'язково зможете на цьому заробити.

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

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

Так-так, різні типи сайтів (їх створення) стоять по-різному. Якщо говорити про середні ціни ринку, на даний момент вони такі:

• створення сайту-візитки - від 100 $;
• створення корпоративного сайту - від 500 $;
• створення інтернет-магазину - від 1000 $;
• створення новинного сайту - від 700 $;
• створення інформаційного SEO-сайту - від 300 $;
• створення інтернет-порталу - від 3000 $;
• створення односторінкового сайту - від 400 $;
• створення блогу - від 50 $;
• створення форуму - від 300 $.

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

Створити свій сайт безкоштовно!

Замість ув'язнення

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

Можливо, у вас є якісь питання щодо створення сайтів? Задайте їх у коментарях, і ми постараємось вам допомогти!

Інструменти для веб-майстрів дозволяють зрозуміти, як ваша сторінка виглядає для роботів Googlebot. Заголовки серверів і HTML код допомагають виявити помилки і наслідки злому, але іноді розібратися в них буває важко. Веб-майстри зазвичай хапаються за голову, коли їм доводиться розв'язувати такі проблеми. Щоб допомогти вам у подібних ситуаціях, ми вдосконалили цю функцію, і тепер вона може показувати сторінку за допомогою того ж алгоритму, який використовує робот Googlebot.

Як відображається просканована сторінка
При обробці сторінки робот Googlebot шукає та імпортує із зовнішніх джерел усі пов'язані з нею файли. Зазвичай це зображення, таблиці стилів, елементи JavaScript та інші файли, що вбудовуються за допомогою CSS чи JavaScript. Система використовує для відображення сторінки так, як її бачить робот Googlebot.
Функція доступна у розділі «Сканування» облікового запису Інструментів для веб-майстрів . Зверніть увагу, що обробка сторінки з наступним показом може зайняти досить тривалий час. Після завершення наведіть вказівник миші на рядок, в якому вказано потрібну URL, щоб переглянути результат.

Обробка ресурсів, заблокованих у файлі robots.txt
При обробці коду робот Googlebot враховує інструкції, вказані у файлі robots.txt. Якщо вони забороняють доступ до тих чи інших елементів, система не використовуватиме такі матеріали для попереднього перегляду. Це станеться і в тому випадку, якщо сервер не відповідає або повертає помилку. Відповідні дані можна знайти в розділі Помилки сканування облікового запису Інструментів для веб-майстрів. Крім того, повний перелік таких збоїв відобразиться після створення зображення сторінки для попереднього перегляду.
Ми рекомендуємо забезпечити Googlebot доступ до всіх вбудованих ресурсів, які є на сайті або в макеті. Це спростить роботу з функцією «Переглянути як Googlebot», дозволить роботу виявити та правильно проіндексувати контент вашого сайту, а також допоможе вам зрозуміти, як виконується сканування ваших сторінок. Деякі фрагменти коду, такі як кнопки соціальних мереж, скрипти інструментів аналітики та шрифти зазвичай не визначають оформлення сторінки, а значить їх сканування не обов'язково. Докладніше про те, як Google аналізує веб-контент, читайте у попередній статті.
Сподіваємось, що наше нововведення допоможе вам вирішити проблеми з оформленням сайту та виявити ресурси, які Google з тих чи інших причин не може просканувати. Якщо у вас є запитання, зв'яжіться з нами у спільноті для веб-майстрів Google Plus або пошукайте відповідь на

• 18.01.2016 12:00
• 1169 Прочитань

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

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

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

Як ми бачимо?

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

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

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

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

Зір роботів

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

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

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

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

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

Довкілля

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

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

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

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

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

Колективний розум

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

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

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

Реальна робо-революція

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

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

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

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