Перенесення HTML сайту на WordPress

Сайти, вручну написані на HTML, відрізняються підвищеною швидкодією та стабільністю. Звичайно, за умови, що код написаний досвідченим та уважним IT-фахівцем. Такий сайт ідеально підходить для розміщення статики та матеріалів у невеликих обсягах, коли вносити регулярні зміни до вмісту не передбачається. Сайти на HTML не мають панелі керування, а веб-сторінки редагуються в ручному режимі – це створює певні незручності для «динамічних» проектів, таких як інтернет-магазини, онлайн-вітрини послуг, сайти новин і т.д.

Необхідність перенести HTML-сайт на хостинг з WordPress виникає, коли контент потрібно оновлювати із завидною регулярністю – у такому разі CMS підвищить ефективність адміністрування та значно спростить масштабування проекту в майбутньому. Крім іншого, WordPress має безліч вбудованих інструментів для SEO-оптимізації:

• настроювання адаптивності теми під мобільні пристрої;
• включення індексації сайту пошуковими системами;
• додавання сайту до Google Search Console;
• налаштування SSL-сертифіката;
• встановлення головного дзеркала;
• формування ЧПУ;
• видалення дублів сторінок зі слешем і без кінці;
• створення XML-картки;
• налаштування файлу robots.txt;
• внесення метаданих для соціальних мереж;
• додавання мікророзмітки;
• стиснення вихідного коду.

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

Підготовка до перенесення

Насамперед необхідно конвертувати статичні HTML-сторінки у формат, зрозумілий для CMS WordPress – тобто такий, у якому, крім HTML, буде ще й PHP. Тобто первинне завдання – оптимізація коду під систему керування вмістом.

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

Етап 1: вибір хостингу, встановлення WordPress, створення бази даних

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

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

Етап 2: робота з дизайном

Як ми вже згадували раніше, при перенесенні HTML-сайту на WordPress можна піти трьома різними шляхами:

1. Вибрати готовий шаблон з магазину шаблонів WP. Після встановлення ви зможете його налаштувати та підігнати під свої потреби, скоригувавши кольори та розмістивши блоки так, як вважаєте оптимальним.
2. Конвертувати HTML-шаблон. Тут на допомогу прийдуть інші веб-сервіси, такі як Theme Matсher. З його допомогою можна сформувати відповідний формат дизайну для WordPress на основі HTML-вихідника. Все, що потрібно – вказати посилання на ваш HTML-сайт та зачекати кілька хвилин. Отриманий файл потрібно зберегти, а потім завантажити на новий сервер через панель управління.
3. Адаптувати шаблон під WP вручну. Будь-яка тема для WP складається з 5 файлів: style.css, index.php, header.php, sidebar.php та footer.php. Потрібно створити порожні заготовки з відповідними назвами, а потім розкидати по відповідним файлам необхідні елементи HTML-коду. Як це робити – знають фахівці, двома словами не розповісти.

Етап 3: перенесення контенту

Перенести контент зі старого HTML-сайту на новий під керуванням WordPress можна вручну або автоматично. Перенесення матеріалів у ручному режимі здійснюється шляхом копіювання шматків коду в редактор – вам потрібен лише той, що укладено в тегах <body></body>, решта відноситься до технічної частини сторінки, це переносити не потрібно. Також при ручному копіюванні потрібно буде вручну переносити картинки, зберігаючи оригінальні назви наскільки можна – щоб не виникло проблем з кодом. SEO-дані можна буде додати у редакторі.

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

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

Етап 4: перевірка працездатності

Новий сайт обов'язково потрібно перевірити за трьома критеріями:

1. Коректність посилань. Обов'язково перевірити всю перелінковку та переконатися, що все працює. Якщо масив посилань у вас великий на сайті, зробити це можна за допомогою плагіна Integrity або будь-якого іншого.
2. Перевірка стилів. Як при ручному, так і автоматичному переносі можуть виникати некоректні відображення окремих модулів або блоків. Доведеться витратити годинку-другу і все візуально оглянути. Тут, на жаль, ніякі плагіни не допоможуть – потрібно робити ручками та вічками.
3. Порушення функціональності. Поки оглядаєте дизайн, принагідно перевірте всі функціональні блоки, кнопки зв'язку та інші інтерактивні елементи. Можуть виникати помилки відображення, які потрібно редагувати.

Після виконання вищеописаних процедур можна переходити до фінального етапу міграції HTML-сайту на CMS WordPress.

Етап 5: підключення домену

Залишається перейти з технічного домену на свій – це можна зробити шляхом виправлення значень DNS-серверів в панелі управління вашого нового хостингу. Трансфер займе невелику кількість часу. Головне, щоб ваш новий домен був зареєстрований протягом останніх 60 діб. Політика ICANN є такою, що цей процес ніяк не прискорити.

Якщо залишилися питання, звертайтеся до спеціалістів HostZealot за вказаними на сайті контактними номерами або через Livechat. Ми допоможемо з перенесенням HTML-сайту на VPS під керуванням CMS WordPress, а також порекомендуємо найкращі інструменти для спрощення цього завдання.