Как сменить стандартную страницу в Vesta + готовый шаблон

Плюсануть
Поделиться

Давно не рассказывал ништяков об этой панельке и как раз сегодня упростил себе работу, сэкономив кучу времени в перспективе.

Как только я регистрирую домен, я привязываю его к VPS’ке и стараюсь повесить хоть какую-то заглушку, с основным ключом в h1 и title. Раньше я просто правил стандартный index.html, топорно вставляя нужные ключевики. Со временем собрался небольшой стартер-пак простейшей html-странички.

Сейчас дошли руки нормально отредактировать стандартный index.html в VestaCP. Теперь создаётся правильный robots.txt, sitemap.xml (да, только с главной страницей), index.php (вместо index.html), .htaccess, style.css и социальные кнопки.

Как изменить index.html в VestaCP

Если у вас есть удобный sftp-клиент и root’овый доступ — можно поступить очень просто. Скачайте мой шаблон с GitHub, перейдите в клиенте по пути /usr/local/vesta/data/templates/web/skel/public_html/, удалите оттуда файлы и залейте только что загруженные. Вот и всё.

Если sftp-клиента или root’а нет — будет немного дольше. Подключитесь по ssh и перейдите в директорию с файлами заглушки:

cd /usr/local/vesta/data/templates/web/skel/public_html/

Создайте все необходимые файлы. Если вы скачали мой архив с GitHub’а, то вводите такую команду:

sudo touch .htaccess sitemap.xml style.css likely.css likely.js

Далее новым файлам нужно выставить необходимые права:

sudo chmod 755 .htaccess sitemap.xml style.css likely.css likely.js

И переименуем index.html в index.php:

sudo mv index.html index.php

Каждый файл теперь нужно отредактировать под себя, сделать это можно консольным редактором Nano следующей командой:

sudo nano название_файла

Просто выделяете текст, удаляете, вставляете нужный. Файл сохраняется комбинацией Ctrl + O, потом можно закрыть Nano сочетанием Ctrl + X.

%domain% — Это переменная, вместо которой подставляется домен. Помогает генерировать правильные robots.txt и sitemap.xml.

Если не хочется делать свою заглушку — можете воспользоваться моей: vesta-index-template. Переходите по ссылке и в папке template, там вы найдёте все готовые файлы.

О файлах в шаблоне информация ниже.

Генерация sitemap.xml

Состоит из одной страницы — главной. Реальная польза пока только в том, что Яндекс Вебмастер не надоедает ошибкой отсутствия карты сайта.

Генерация .htaccess

В .htaccess сразу идёт редирект с www на без-www, редирект на https (сразу подключаю от Let’s Encrypt) и редирект с index.php и index.html в корень домена. Плюс добавлен редирект для внешних ссылок, достаточно добавить /out/ вначале.

Генерация robots.txt

Сразу прописываю host с указанием https и указываю на карту сайта.

Об index.php, style.css и социальные кнопки

Чтоб было проще я взял готовый минималистичный css-фреймворк. Его нет в примере на GitHub, ищите свой, их сотни. 🙂 Также внёс немного правок в style.css, и прикрутил кнопки Лайкли. Также на заглушки ставлю Метрику и комментарии от ВКонтакте (лол).

В начале index.php для удобства указано 3 переменных, которые подставляются во все нужные места:

  • $vesta_title — Заголовок для страницы;
  • $vesta_description — Описание сайта;
  • $vesta_sitename — Название сайта.

Меняете их под свой проект.

В head также у apiId указано 6666666. Это ID для комментариев ВКонтакте, получить его можно на vk.com/dev. В футере предусмотрено место для Яндекс Метрики.

Также в шаблоне для социальных сетей прописана картинка image.jpg. Она должна находится в корне сайта и иметь пропорции 1200px на 630px.

И фавикон. Для себя взял за правило сразу генерировать простейший фавикон для сайта, так как оба поисковика редко их обновляют, а это весомый плюс к вниманию в выдаче. Генерирую через realfavicongenerator.net и заливаю все файлы в корень. Код с сервиса вставлять не нужно, он уже в шаблоне.

Итог

Теперь после привязки нового домена достаточно потратить не более 10 минут на весь процесс, с учётом регистрации в Яндекс Метрике и добавлением сайта во ВКонтакте для виджета.

Хотел ещё добавить вставку файлов для Google Webmaster и Яндекс Вебмастер, но универсальных файлов для этого нет, а вариант добавлять мета-тег в не подходит.

В комментариях принимаются ваши советы по развитию. Хотя я и не знаю что ещё добавить можно.

Сделать хорошо

Будет круто поделиться данной страницей в социальных сетях, не так ли?

Плюсануть
Поделиться

Спасибо.

Опубликовано: 9 Фев, 2018 | Метки: ,
Комментарии