Домены

Школа блогера » От новичка до профессионала » Порядок в блоге » Ошибки CSS. Как от них избавиться?

W3C, валидатор W3CЕсли в html я еще что-то соображаю, то об CSS имею лишь общее представление и, когда при анализе блога вижу ошибки, то горестно вздыхаю. На вопрос — когда же у меня руки дойдут заняться им вплотную, ответа не знаю до сих пор. Все как-то не до CSS.


Но оказывается, чтобы ходить у сервиса проверки CSS от W3C в отличниках, вовсе не обязательно штудировать курсы Евгения Попова (есть у него бесплатный курс по CSS) или самостоятельно осваивать премудрости каскадных таблиц стилей. Достаточно просто навести порядок в своих плагинах и виджетах.

И я вам сейчас это докажу на примере своего сайта OLEJNIKOVA.ru.

Итак, зайдя сегодня на сервис анализа сайтов CY-PR.com, обнаружила все ту же безрадостную картину:

mistakes

Ошибки CSS: и на Солнце бывают пятна

Думаете, у вас меньше? А вы попробуйте ввести сюда http://www.cy-pr.com/analysis/ адрес своего блога и проверьте.

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

Не буду голословной. Например, в блоге Михаила Шакина — 5 ошибок CSS, в блоге «KtoNaNovenkogo.ru» — 3 ошибки, в блоге Арбайтена 26 ошибок CSS, в блоге Елены Камской 15 ошибок и так далее.

Ошибки CSS. Где корень зла?

По моим наблюдениям ошибки CSS чаще всего встречаются либо в теме, либо в плагинах, либо в виджетах при вставке стороннего кода.

Ошибки CSS в темах (шаблонах) разбирать не буду, тут пусть блогеры сами соображают, как от них избавиться, а вот про плагины и виджеты пару слов скажу.

Например, в моем блоге OLEJNIKOVA.ru больше всего ошибок выдал плагин «Заплати лайком». Между прочим, платный! Есть у него, конечно, и бесплатные аналоги, но я за свой выложила, если память не изменяет, больше пятисот рублей.

pay-with-a-like, Ошибки CSS в плагине заплати лайком

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

Еще один плагин, который тоже полетел в топку, называется NextGEN Gallery. Разбираться с его ошибкой CSS у меня не было никакого желания, плагин использовала в блоге от силы пару раз, думаю, что потеря невелика.

nextgen-gallery, Ошибки CSS

Такая же судьба постигла и мой любимый плагин CommentLuv:

commentluv, Ошибки CSS

После того, как расправилась с плагинами, осталась одна ошибка CSS, которую выдавала форма поиска по магазину allsoft.ru:

allsoft, Ошибки CSS

Удалив ее из виджетов, я добилась того, что валидатор поздравил меня с чистым кодом:

W3C

А вы проверяете свои блоги на ошибки CSS? Если да, то как их устраняете, если не проверяете, то почему? Считаете это мелочью, не достойной внимания или просто были не в курсе?
 

 

Словарь блогера

Анализ сайта — комплекс мероприятий, позволяющий выявить проблемные места с точки зрения поисковой оптимизации.

Блог (англ. blog, от web log) — интернет-дневник или онлайн-дневник. Основное содержимое такого веб-сайта — регулярно добавляемые записи, содержащие текст, изображения или мультимедиа.

Блогер (блоггер) — автор блога (интернет-дневника, онлайн-дневника).

WordPress — система управления содержимым сайта (CMS или движок) с открытым исходным кодом.

Школа блогера: подписаться на рассылку

Всем удачи и хорошего трафика!
© Елена Олейникова

Софт для блогера

Домен и хостинг для блога

Домены
 
Поделись ссылкой, добавь в закладки:

Мои комментаторы 17 комментариев

Мои комментаторы

Они уже здесь общаются, присоединяйтесь и вы! И друзей своих зовите!
  • Кай:

    Да, иногда проверяю, но если нет основательных ляпов, то особо не переживаю. Пробовал корректировать в соответствии с рекомендациями w3c, в результате, одни строчки исправлялись нормально, а корректировки в других, приводили к неработоспособности чего-либо(плагина, разметки..).

    Так что — без фанатизма!:-)))

    С наступающим!

  • Блогобабушка:

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

    Елена Олейникова Ответ:

    Вы как программист рассуждаете. Те тоже говорят — работает? Не трогай 🙂

    ✔ Как блогер блогеру рекомендую вам еще один пост:

    Меняем стандартную учетную запись админа. Пошаговая инструкция создания бесплатного блога на CMS WordPress. 

  • Сергей Гвоздев Дед:

    На сей день у меня 19 ошибок HTML и 18 CSS. Давно пытался разобраться с такими ошибками, но чаще всего не находил их в исходном коде или просто не знал как их исправить. У меня складывалось впечатление, что эти «ошибки» просто выдумка и выпендряж «проверятеля». Вначале таких «ошибок» было более 40. Я ничего не исправлял. Блог пополнялся часто. А число ошибок стало уменьшаться. Это норма?. К тому же это cy-pr-из неправильно указывает IP моего блога. Да и кому теперь у нас можно верить?

  • Сергей Гвоздев Дед:

    Лена! И женщины здесь побывавшие! Поздравляю вас с наступающим (и уже наступившим)праздником. Здоровья вам, успехов и радостей.

    Елена Олейникова Ответ:

    Спасибо, Сергей! Вы что-то совсем пропали, у вас все нормально? А то по телевизору какие-то новости все безрадостные.

    ✔ Как блогер блогеру рекомендую вам еще один пост:

    Плагин Limit Login Attempts. Защищаем админку от перебора паролей. Пошаговая инструкция создания бесплатного блога на CMS WordPress. 

  • Ольга Мамина:

    У меня полно ошибок, ничего не трогаю, даже боюсь думать об этом. Терпеть не могу разбираться с этими техническими ошибками. Пожалуй, это мне не по силам. Я бы лучше заплатила специалисту, чтобы он корректно все исправил. Но это должен быть такой человек, которому буду доверять на 100%. Пока такого специалиста под рукой нет... Сижу с ошибками.

    Елена Олейникова Ответ:

    Так у вас html-код чистый, а все ошибки CSS только в теме. Кстати, а что за тема, вы ее покупали?

    ✔ Как блогер блогеру рекомендую вам еще один пост:

    Плагин wSecure Authentication. Прячем URL админки. Пошаговая инструкция создания бесплатного блога на CMS WordPress. 

    Ольга Мамина Ответ:

    Тема striking. Она платная, но когда брала курс Беляева, он ее давал в подарок, так что отдельно не покупала.

    Александр Ответ:

    Оля, у Вас замечательный сайт, а имеющиеся ошибки только делают его уникальным! По большому счету мы обсуждаем «игры» профессиональных верстальщиков. Они же как дети — сколько ошибок у меня, а у тебя? О-о-о, я круче!

    Основную массу Ваших посетителей интересуют совсем другие вопросы, о чем они и говорят в комментариях. Другое дело, когда на сайте начинаются выраженные проблемы. Хорошо исправлять их самостоятельно, но и помощь своего «инженера-механика» не хуже. Ведь только часть автолюбителей ремонтирует свой автомобиль самостоятельно, а ездят-то все!

    Так что учить матчасть, или нет — это дело личных пристрастий и возможностей.

    Впрочем, статья интересная, спасибо Елене!

    Ольга Мамина Ответ:

    Спасибо, Александр, опять согласна с Вами 🙂 .

  • Александр:

    Ошибки CSS могут быть совершенно некритичными и не влиять абсолютно ни на что. CSS может поставляться и с плагинами, а где-то пишу его сам. И если система работает и делает то, что я хочу, отображает элементы так, как задумано мною, то для чего я буду заморачиваться какими-то еще валидаторами? Тем более, если разобраться, то что за ошибки они показывают? Например, приведённый Вами валидатор CSS от W3C... Большинство ошибок моего блога звучат примерно так: «Свойство box-shadow не существует в CSS2.1». Ну и пусть себе не существует. Зато оно точно есть в CSS3, а оглядываться на устаревшие браузеры я как-то не хочу. Ну не отобразит старый браузер эту самую тень, да ну и Бог с ней! Так, что возможно зря Вы поудаляли плагины. CommentLuv уж точно...

    Елена Олейникова Ответ:

    Так кто бы знал, критичны они или нет. Я же говорю, что до CSS у меня все руки не доходят, а тут все так просто — плагин удалил и дело в шляпе. Кстати, на этом блоге CommentLuv я не удаляла, просто деактивировала на время. А на основном блоге плагин CommentLuv не работал, поэтому я его и снесла.

    ✔ Как блогер блогеру рекомендую вам еще один пост:

    Плагин WordPress Firewall 2 — защищаемся от атак. Пошаговая инструкция создания бесплатного блога на CMS WordPress. 

  • Сергей Гвоздев Дед:

    Никуда я не пропадал, Каждый день публикую на блоге Nature свои картинки. А вот Украина, кажется, пропала.

  • Егор Никитин:

    Я считаю что не стоит переживать изза этих ошибок, так как больших проблем они всё равно не приносят. Зато в попытке исправить их можно сломать сайт окончательно. Это одна из тех ситуаций где лучшее враг хорошего.

    Елена Олейникова Ответ:

    Здравствуйте, Егор! Рада вас видеть у себя в гостях. Не только из-за дельного замечания, но еще и потому, что такие гости здесь встречаются крайне редко — в основном у нас тут все Вордпресс да Вордпресс, а у вас — Джумла. Да еще тема знакомая, у меня тоже был блог на такой теме:

    Игры со словами

    Сама не понимаю, зачем я его тогда удалила?

    ✔ Как блогер блогеру рекомендую вам еще один пост:

    WordPress: как из блога сделать сайт? Пошаговая инструкция создания бесплатного блога на CMS WordPress. 

  • Елена Олейникова:

    Дорогие друзья! Обсуждение этой записи прекращено, но вы можете продолжить его в других разделах блога, например, почитать и обсудить такие материалы:

    Книги для блогера. Яро Старак «Прибыльный блог»

    Анализ блога своими силами

    Seo-записки. Февраль — 2014

    Яндекс, хочу в индекс!

    SEO-плагины. Какой выбрать?

    Если есть желание просто пообщаться на отвлеченные темы, добро пожаловать во Флудилку для блогера!

ДОБРО ПОЖАЛОВАТЬ!

Елена Олейникова - автор Школы блогера

RSS-подписка
RSS-лента Школы блогера

Введите ваш адрес электронной почты:

ВСЁ для БЛОГЕРА

Анализ блога

Проверка Траста

Домен для блога

Регистрируй домен и зарабатывай
Наш адрес не дом и не улица...
Домен на 50 процентов дешевле
Бегет: как изменить домен?
Домен для блога

Регистратор доменов

Хостинг для блога

Фото для блога

Depositphotos

Книжная полка

CMS WordPress
ВЕК ЖИВИ — ВЕК УЧИ:
СОФТ для БЛОГЕРА

Купить The Bat

Фотошоп-онлайн
Транслитераторы
Клавиатурные тренажеры
 
софт в Allsoft.ru
поиск программ
 
СТАТИСТИКА