Привет ребята с вами как всегда Максим Довбня! В этой статье хочу рассказать как я обновил дизайн блога, и зачем это сделал. Изначально когда я верстал первый шаблон, я владел знаниями html и css чуть больше начального уровня, и мало что знал в оптимизации верстки. Когда я начал активно изучать техническую оптимизацию, а именно влияние шаблона на seo, я понял что мой шаблон не оптимизированный, и начал замечать ошибки которые хоть не ухудшали мой сайт, но не давали ему максимальный эффект в сео.
Тогда я понял что нужно менять всю структуру сайта, и заново верстать шаблон так как старый изменить не было смысла. Плюс к этому внешний вид меня уже не радовал, многие элементы мне казались кривыми, и не красивыми. Особенно комментарии, которые выглядели ну совсем не красиво. Хотя по сравнению с теми, которые я замечал на других блогах, мои были еще симпатичные.
В общем, думал, я думал, и решил надо верстать новый шаблон, потому что этот не куда не годиться. Саму идею и палитру шаблона я решил не менять потому что она на мой взгляд красивая, но элементы и структуру решил изменить!
Давайте посмотрим, что изменилось в дизайне блога
Первое что у меня изменилось, это верхнее меню как внешне так и внутреннее. Внешне я поменял фон и добавил кнопку домика которая ведет на главную страницу. Внутренней части я из статистического меню сделал динамическое, и добавил активные пункты меню которых до этого не было.
Второе я изменил область вывода информации о посте, поменял вывод комментариев, и назначил им фон. Так мне кажется выглядит куда лучше чем было до этого.
Третье что я изменил, это структуру вывода области контента и бокового меню. В новой верстке я решил обернуть их в один белый фон и назначить тени что бы они не сливались. А также соединил всю область контента, и правой области с верхнем меню. Так мне кажется смотреться лучше, чем раньше.
Четвертым изменением я сделал форму подписки правого блока, потому что старое вообще было не каким. Решил добавить картинку, изменить надпись, и сделал бордюр в виде письма.
Пятым я изменил постраничную навигацию на более крупную, убран не нужный текст и поставил её посередине.
Дальше я решил поменять социальные закладки которые раньше выводились share42, на автономные без использования JavaScript не влияющие на скорость блога из-за возможных проблем серверов.
Ну и самое последнее что я изменил, это форму вывода комментариев которые совсем мне не нравились. Добавил к ним смайлики, изменил размеры, и вернул кнопку ответить которую до этого убрал, из-за опасности появления дублей страниц. А почему я её вернул, можете почитать вот эту статью.
Как видите изменения в дизайне не глобальные, но ощутимые. Хотя как я сказал главной целью изменения шаблона заключалась в самой структуре, которая стала более эффективной, и сео оптимизированной. Новый шаблон я кстате сделал всего за 3 дня, хотел как можно быстрей его сменить. Вам нравиться обновленный дизайн? Или старый был лучше? Напишите в комментариях.
И к завершению статьи хочу напомнить что я предоставляю услуги по созданию шаблонов на WordPress, с мобильной версией, микроразметкой, и прочими фишками. Если вы хотите что бы я, и вам сделал красивый, уникальный, и оптимизированный шаблон, как у меня или лучше, то заказывайте мою услугу, буду рад сотрудничеству при том что ценник у меня не большой.
Сейчас уникальный шаблон играет большую роль в качестве сайта, и лучше иметь уникальный шаблон, и не в коем случае нельзя ставить бесплатные. Лучше уже изменять стандартные шаблоны WordPress, и делать сайт на нем, чем на бесплатном. На этом у меня сегодня все, подписывайтесь на обновления блога, и до новых постов.
С Уважением Максим Довбня
Максим, оформление сайта действительно, стало немного лучше как я понял с минимумом усилий и изменений.
Да, главное было поменять структуру верстки
Хороший дизайн, главное аккуратный) Если вам не сложно оцените мой сайт)
Дизайн красивый все деланно аккуратно, сам делал?) Внутри много скриптов, кода, и внутренних ссылок особенно на картинки. Не много не корректна разметка, желательно поправить. И в части вывода статьи желательно что бы заголовок H1 был открытым, а заголовок статьей на главной не выводить в теге H. И смотрю не убрана ссылка "replytocom" в кнопке ответить, это опасно дублями особенно если не настроены канонические ссылки, который я на блоге не увидел. Как убрать ссылку можете почитать эту статью. Если смотреть в целом то нормально, хотя я бы так не верстал.
Ну я брал готовый дизайн и сам его редактировал, подгонял по своим интересам)
А про разметку можно поподробнее?
Я в принципе догадывался что возможно переделанный шаблон, но изменил ты его классно. В разметке хлебных крошек у тебя Google странную ошибку выдает, в последних категориях где достаточно сделать пробел и ошибка исчезает. Может это парадокс Google, но я бы попробовал заново поставить разметку, хотя Яндекс ошибки не видит. И теги с описанием и ключевыми словами желательно прописывать не в хеад, а в самой статье внизу и назначать им стиль display:none что бы не отображались в браузере.
Спасибо огромное за разъяснения) Я обязательно посмотрю и исправлю ваши подсказки)