Чеклист по оптимизации сайта
Бесплатный чек-лист
Мы смогли нарисовать, превратить дизайн в настоящий портал, который через месяц уже начал занимать топы.
qame.info — новый игровой портал c большим каталогом игр. Здесь можно почитать статьи, гайды к играм. Посмотреть полную информацию об игре: дата выхода, читы, промокоды, дополнения. Где можно купить или скачать игру.
Легкая и понятная система с играми, где много перелинков и связок с разделами, что позволяет пользователю получить все необходимое по игре.
Задачи
Создать хороший современный сайт по играм, где пользователь будет себя чувствовать, как рыба в воде.
- сделать уникальный сайт
- сделать понятную и простую систему навигации по ресурсу
- связать все разделы и дополнения помогая понять, где пользователь и к чему та или иная новость, статья
- современный дизайн
- помочь пользователю получить подробную информацию об игре: дата выхода, где купить, системные требования, все статьи, новости.
- сделать привлекательный информативный дизайн в темных тонах, удобный как на ПК, так и на мобе.
- создать удобные панели и модули удобные для обычных юзеров и геймеров
- Возможность размещение рекламных мест (Всего 3 шутки) гармонично с остальным контентом на всех устройствах
- сделать раздел — игрой с разными вкладками, что будут подразделами
- сделать содержание статьи с разделением по заголовкам h2,h3,h4,h5
- оптимизированный сайт
- готовый к SEO продвижению после работ
Главная страница сайта
1
Меню
Добавление верхнего и нижнего меню с возможностью выполнять и заменять ссылки как существующих, так и указать любые другие на выбор.
2
Лого
Сделали несколько логотипов на выбор с возможностью менять, когда удобно заказчику.
3
5 последних постов с картинками
Вывод последних 5 постов из новостей, статьей. Показываем крупные миниатюры. Название постов, дата и категория с быстрой возможность перейти на пост.
4
Последние статьи
Вывод последних 7 статьей с возможностью дополнительной подгрузки статьей через AJAX. Выводится название поста, картинка, категории, краткое описание, дата публикации и количество комментариев (если они есть).
5
Последние новости
Вывод последних 5 новостей из раздела "Новости" с возможностью подгрузить еще дополнительные новости из раздела с помощью AJAX. Также вывод комментариев к постам, вывод даты публикации материала.
6
Последние отзывы, комментарии
Вывод последних комментариев к новостям, статья, блогам и играм. С возможностью выводить анонимного пользователя, если пользователь не указал свой ник, почту при добавлении комментария, сохраняя его анонимность.
7
Последние игры
Небольшой блок с 5 играми из раздела "Игры", где есть название, дата выхода и рейтинг с помощью перейти на каждую игру. А также посетить полный раздел/каталог игр.
8
Промокоды
Раздел с информационными постами, где раздают халяву в виде промокодов.
Раздел "Игры"
1
Категория раздела.
В разделе "игр" выводится описание раздела, сделано для SEO части, чтобы продвигать сайт.
Дальше выводится платформы игр, которые есть есть, позволяя пользователю сразу при необходимости отсортировать по платформе.
После чего выводится 10 последних игр из каталога. В информации пользователь видит: картинка, название, описание, дата выхода, категории и платформа игры.
2
Полная страница игры
На полной странице игры пользователь может прочитать полный обзор об игре и решить нравится она ему или нет.
Кроме описания есть постеры, ссылки где купить и стоимость товара / игры / дополнения.
Полная информация об игре: разработчик, сайт игры, платформа, жанр игры, дата выхода, системные требования, похожие игры, статьи и новости об игре.
Раздел "Новости, статьи"
1
Статьи, новости
Вывод постов последних по 10 штук с возможностью подгрузки дополнительных постов AJAX.
Пользователь сразу видит о чем пост: название, картинка, краткое описание и категория.
2
Полная запись
В полной статье блога есть картинка, название и полное описание, что есть в обычном сайте и блоге.
Нестандартные функции: привязка игры к посту с выводом дополнительных разделов, сделано правильно с SEO части, что позволяет сильно связать игры и разделы между собой.
Быстрый переход в игру, где можно ее купить или скачать.
Вывод источника, если идет рерайт поста или копипаст информации. Вставка рекламных объявлений внутри поста.
Вывод похожие статьи, новости.
Дополнительные рекламные места в посте до 3х штук.
Добавление комментариев, виды комментариев.
Возможность подключить бесконечную ленту с помощью AJAX при необходимости. Тем самым если немного пролистнуть вниз, можно увидеть следующий или прошлый пост.
Раздел "Жанры"
1
Фильтр жанров
Сделал дополнительный фильтр и сортировки игр по жанру, что позволяется пользователю понять какие есть подборки игровые. Если игрок любит играть только в определенные жанры, тем самым сможет найти игры нужные ему из всего каталога.
2
Фильтр платформ
Сделали дополнительный фильтр и сортировок игр по платформам, позволяя пользователю понять на какие платформы идет игра.
Виды постов
1
Вид постов "Квадрат"
Квадратные компактные виды постов.
2
Вид постов "Ширина"
Полноформатный формат постов.
3
Отдельный вид для главной
Обновленный вид для главной страницы, чтобы она немного отличалась и по типам
4
Иконки игр
Обработанные и доработанные логотипы/иконки игр под каждую игру.
Топ игр, рейтинга
1
ТОП игр
Страница, где есть топ с играми по рейтингу и выводом всех жанров с полной сортировкой и получение данных
2
Карта сайта
Уникальная HTML карта посадочной страницы, где указаны все страницы и дополнения. Все разделы, посты, игры, жанры, платформы, серии игр и другое
3
Серия игр
Специальная подборка, которая позволяет посмотреть всю серии игры и ее частей или дополнений, если они имеются.
Технические моменты
1
Создание мест под рекламные места
Добавили специальные места под рекламу в боковой панели, внутри статьи (в 3х местах: вначале, в середине, в конце), в разделе видео, игры и других типах.
2
Плеер ютуб
Сделали парсер, который собирает данные по API, если указать просто ссылку на ютуб видео, будет автоматически вытянуты данные по API - картинка с автозагрузкой в миниатюры, указывается время и подгрузка правильного фрейма.
3
Языки
Установили и настроили плагин переводчика, сейчас сайт работает на 6 языках, где 3 заполнены на 98%, остальные 3 заполняются.
4
Автоматическая перелинковка
Создание автоматической перелинковки по словосочетанию/названию игры. Проверяются каталог игр и проставляют ссылки на игру, если она упоминается в контенте.
5
Информационный бар для игр
Информационная панель к каждой игре, если существуют по игре: статьи, новости, сборки, читы, промо, обновления и тд.
6
Привязка игры к постам
Есть специальный раздел (поле), по которым можно привязать любой тип поста к игре.
7
Административный каталог игр в админке
Специальный раздел внутри админке с каталогом игр, где можно сразу добавить любое обновление и пост при необходимо с автопривязкой игры.
Результаты
Превратить дизайн в верстку не составило труда, однако ушло на все почти 78 часов. Так как страниц дизайна и элементов было много, но мы сделали. После перешли к натяжке верстки на WordPress и привязке функционала, теперь мы горды этим проектом и готовы вам рассказать о нем в деталях.
Немного обновили кейс (от 27.09.2022) так как доработали новые элементы сайта и обновили его вид!
Обновленная шапка
Обновление для двух логотипов + двойное меню
Обновленная версия сайта и его шапка.
- Двойной логотип. Верхний — основной логотип сайта ссылкой на морду. Нижний — дополнительный, может быть рекламный или для важных целей, у нас это: поддержка ЗСУ.
- Двойное меню. Верхнее меню сайта с важными категориями. Нижнее меню — это дополнительные страницы и разделы.
Последние записи
Блок с 9 последними записями.
Выводится блок с 9 свежими постами из типов: статьи, посты, новости, промо, видео и тд.
Выводится 1 большой блок, дальше 2 боковых маленьких по высоте похожие на первый. Дальше просто по три в ряд средние.
Вид последних статей + боковая панель
Вывод постов (слева) из раздела «статьи», которые выводятся по 7 штук + подгрузка дополнительных статей из раздела и тип поста «Статьи».
Боковая панель:
- Блок с последними новостями, вывод из раздела «Новости». По 5 штук + подгрузка еще 5 следующих. Выводятся по дате.
- Блок с последними играми, вывод из раздела «Игры». По 5 штук + подгрузка еще 5 следующих. Выводятся по дате.
- Блок с последними комментариями. По 5 штук, выводятся по дате.
Раздел "Игры"
Специальный раздел «игры», где вы увидите все игры, которые есть в каталоге. Кроме этого, перед тем, как вам покажут все игры, у вас есть фильтр по платформе. Если нажать на нее, откроются игры, которые идут именно на этих платформах.
Вывод самих игр: выводится картинка с игрой, название, жанры, дата добавления + рейтинг Metacritic самой игры.
Полная страницы об игре
Полная страница с информацией об игре начинается с того, что вы видите название игры.
После предоставляют (если существуют) ярлыки связанные с игрой: похожие игры, последние статьи, промо, новости и тд.
После чего вы увидите информацию о самой игре:
картинка + рейтинг, кто ее разработал, какие есть возвратные ограничения, на каких платформах идет игра и дата выхода.
Дополнительные ссылки скачивания игр или ее покупка, сейчас доступны ссылки с таких сервисов как: Steam, Epic Games Store, Xbox, PS store, Google Play, Apple, Battle.net, Nintendo Store, Xbox 260 Store, GOG, Blizzard и прямая ссылка на сайт разработчик.
После как вы ознакомились со сводной информацией об игре, у вас будет открыта сокращенная версия описания, которое можно развернуть, если вам недостаточно информации в 1000 символов.
Если у игры есть серия игр, тогда они будут перечислены (специальный раздел с «сериями», где можно указывать серии частей).
После чего будут «жанры» к каким жанрам относится игра.
После чего идут блоки с Видео, новостями, статьями, промо, обновлениями и другими.
Блок с похожими играми по жанру, чтобы вы могли, если что найти во что поиграть уже прямо сейчас.
Хотите создать сайт?
Создадим план, продумаем структуру и сделаем ваш идеальный сайт.
