Как и зачем я обновил дизайн блога

Автор: Максим Рубрика: Вебмастеру Комментарии: 7

Как изменить дизайн блога

Привет ребята с вами как всегда Максим Довбня! В этой статье хочу рассказать как я обновил дизайн блога, и зачем это сделал. Изначально когда я верстал первый шаблон, я владел знаниями html и css чуть больше начального уровня, и мало что знал в оптимизации верстки. Когда я начал активно изучать техническую оптимизацию, а именно влияние шаблона на seo, я понял что мой шаблон не оптимизированный, и начал замечать ошибки которые хоть не ухудшали мой сайт, но не давали ему максимальный эффект в сео.

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

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

Давайте посмотрим, что изменилось в дизайне блога

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

Изменить меню блога

Второе я изменил область вывода информации о посте, поменял вывод комментариев, и назначил им фон. Так мне кажется выглядит куда лучше чем было до этого.

Изменить область информации о статье

Третье что я изменил, это структуру вывода области контента и бокового меню. В новой верстке я решил обернуть их в один белый фон и назначить тени что бы они не сливались. А также соединил всю область контента, и правой области с верхнем меню. Так мне кажется смотреться лучше, чем раньше.

Изменить область контента

Четвертым изменением я сделал форму подписки правого блока, потому что старое вообще было не каким. Решил добавить картинку, изменить надпись, и сделал бордюр в виде письма.

Изменить форму подписки

Пятым я изменил постраничную навигацию на более крупную, убран не нужный текст и поставил её посередине.

Изменить навигацию блога

Дальше я решил поменять социальные закладки которые раньше выводились share42, на автономные без использования JavaScript не влияющие на скорость блога из-за возможных проблем серверов.

Изменил социальные кнопки

Ну и самое последнее что я изменил, это форму вывода комментариев которые совсем мне не нравились. Добавил к ним смайлики, изменил размеры, и вернул кнопку ответить которую до этого убрал, из-за опасности появления дублей страниц. А почему я её вернул, можете почитать вот эту статью.

Изменить область коментариев

Как изменить область коментариев

Как видите изменения в дизайне не глобальные, но ощутимые. Хотя как я сказал главной целью изменения шаблона заключалась в самой структуре, которая стала более эффективной, и сео оптимизированной. Новый шаблон я кстате сделал всего за 3 дня, хотел как можно быстрей его сменить. Вам нравиться обновленный дизайн? Или старый был лучше? Напишите в комментариях.

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

Сейчас уникальный шаблон играет большую роль в качестве сайта, и лучше иметь уникальный шаблон, и не в коем случае нельзя ставить бесплатные. Лучше уже изменять стандартные шаблоны WordPress, и делать сайт на нем, чем на бесплатном. На этом у меня сегодня все, подписывайтесь на обновления блога, и до новых постов.

С Уважением Максим Довбня

Подписка Хочешь получать статьи этого блога на почту?

Добавить комментарий

Ваш e-mail не будет опубликован.

 ;-)  :|  :twisted:  :smile:  :shock:  :sad:  :roll:  :razz:  :lol:  :idea:  :cry:

  1. Игорь

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

    • Максим Довбня

      Да, главное было поменять структуру верстки

  2. Владимир Манеров

    Хороший дизайн, главное аккуратный) Если вам не сложно оцените мой сайт) ;-)

    • Максим Довбня

      Дизайн красивый все деланно аккуратно, сам делал?) Внутри много скриптов, кода, и внутренних ссылок особенно на картинки. Не много не корректна разметка, желательно поправить. И в части вывода статьи желательно что бы заголовок H1 был открытым, а заголовок статьей на главной не выводить в теге H. И смотрю не убрана ссылка "replytocom" в кнопке ответить, это опасно дублями особенно если не настроены канонические ссылки, который я на блоге не увидел. Как убрать ссылку можете почитать эту статью. Если смотреть в целом то нормально, хотя я бы так не верстал.

      • Владимир Манеров

        Ну я брал готовый дизайн и сам его редактировал, подгонял по своим интересам)
        А про разметку можно поподробнее?

        • Максим Довбня

          Я в принципе догадывался что возможно переделанный шаблон, но изменил ты его классно. В разметке хлебных крошек у тебя Google странную ошибку выдает, в последних категориях где достаточно сделать пробел и ошибка исчезает. Может это парадокс Google, но я бы попробовал заново поставить разметку, хотя Яндекс ошибки не видит. И теги с описанием и ключевыми словами желательно прописывать не в хеад, а в самой статье внизу и назначать им стиль display:none что бы не отображались в браузере.

          • Владимир Манеров

            Спасибо огромное за разъяснения) Я обязательно посмотрю и исправлю ваши подсказки)