Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Ошибки в CSS, HTML, XHTML, …


gdi31

Recommended Posts

При чем тут слеш?

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

Про грабильки, интересноб былоб почитать :).

Я понял что виной всему пробел, только вот не пойму в чём разница между 406 и 394 строкой

(вроде всё одинаково только предупреждения нет).

Если ковырять то видемо здесь?


<a href="<?php echo $products[$j]['href']; ?>"><img src="<?php echo $products[$j]['thumb']; ?>" title="<?php echo $products[$j]['name']; ?>" alt="<?php echo $products[$j]['name']; ?>" /></a>


<li><a href="<?php echo str_replace('&', '&', $manufacturer['href']); ?>"><img src="<?php echo $manufacturer['preview']?>" alt="<?php echo $manufacturer['name']; ?>" /></a></li>

Даже не представляю, что тут не так! :huh:

Тыкните пожалуйста носом.

Надіслати
Поділитися на інших сайтах


Очередная засада, про которую что-то внятного через поисковик найти не удалось . . .

Изображение

Буду премного благодарен за помощь, тому, кто что-то в этом соображает!

Надіслати
Поділитися на інших сайтах


  • 2 weeks later...

Ой, народ, вот вы заморочились-то. Поисковикам глубоко фиолетово 95% ошибок, которые показывают валидаторы.

На ошибки CSS им вообще плевать (а без них, зачастую, кроссбраузерную верстку не сделать).

JS тоже не интерпретируется, и на ошибки в нем тоже побоку.

Самое главное, для поисковиков, чтобы семантически в верстке не было грубых ошибок, и только, т.е:

- теги закрыты корректно (чтоб вот такого не было):

<form>
    <div>
        <p>какой-то-текст
</form>
    </div>
- правильно расставлены акценты (чтоб вот такого не было):

<strong>и-тут-пошло-полтора-экрана-текста</strong>
- блоки использовались по назначению (чтоб вот такого не было):

<style>
    .b-as-div {
        display: block;
        width: 400px;
        height: auto;
    }
    .b-as-header {
        display: block;
        width: 100%;
        margin: 10px;
        text-align: center;
    }
    .b-as-paragraph {
        display: block;
        width: 100%;
        text-indent: 20px;
        text-align: left;
    }
</style>
...........
<b class="b-as-div">
  <b class="b-as-header">Заголовок</b>
  <b class="b-as-div">
    <b class="b-as-paragraph">какой-то-<b>текст</b></b>
  </b>
</b>
кстати, пример выше абсолютно валиден (ну если раскидать стили и тело по header и body) и человек в браузере его будет видеть как надо, но при этом от такого любой поисковик взвоет и не ровен час, забанит страницу за поисковый спам.

- Чтоб верстка была максимально компактная (чтоб вот такого не было):

<div>
  <div>
    <div>
      <div>
        <div>
          <div>
            <div>
              <div>
                <div>
                  <div>
                  какой-то-текст
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

На общепринятые ошибки глаза закрываются (такие как незакрытые img и input-ы) обычно.

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

Но есть и примеры, когда в коммерческий топ с 700.000+ запросов/мес выходят сайты с грубыми ошибками в верстке, разваливающиеся в разных браузерах, да и вдобавок сверстанные таблицами, зато с уникальными текстами и хорошим ссылочным.

  • +1 2
Надіслати
Поділитися на інших сайтах


Ой, народ, вот вы заморочились-то. Поисковикам глубоко фиолетово 95% ошибок, которые показывают валидаторы. . .

Я так думаю: Если делать для себя, чёш не заморочиться, этож не в шахту лезть, тыр-пыр кнопками и всё в ёлочку. А вот если притулить "калеку" налево, за хлеб насущный, то можно и прислушаться к Вашему мнению.

Мысли вслух: Мужчины за выпивкой беседуют либо о пользе порядка, либо о прелестях бардака. :)

Надіслати
Поділитися на інших сайтах


Я так думаю: Если делать для себя, чёш не заморочиться, этож не в шахту лезть, тыр-пыр кнопками и всё в ёлочку. А вот если притулить "калеку" налево, за хлеб насущный, то можно и прислушаться к Вашему мнению.

Ну я это все к тому, что привести в порядок верстку в большинстве шаблонов, в частности, под opencart, нужно потратить не один час времени (и чем сложнее дизайн и неграмотнее изначальный создатель шаблона, тем больше времени придется убить на валидацию).

Если это делается "чтобы глаз радовало", то это одно, но тут вроде как обсуждали отношение поисковиков к верстке и ошибкам в ней, значит цель-то немного другая. А для поисковиков, вместо убивания 5 часов на создание валидной верстки, лучше это время потратить на написание уникальных, сбалансированных текстов с ключевиками (за 5 часов вполне можно наполнить текстами главную и десяток узлов каталога, толку от этого для ранжирования будет на порядок больше, чем от валидной верстки).

PS: а по Вашему вопросу по jQuery, так сходу сказать, в чем проблема у Вас не получится (не известно, какие дополнения к jQuery ставили, что в самом jQuery правили, что именно и как на нем реализовано и т.д., скорее всего, проблема именно в плагинах/скриптах на jQuery, а не в нем самом). Нужно смотреть полную картину, а то получается вопрос типа "у меня не заводится машина, вот фотка передней панели в момент завода" (без обид). :)

  • +1 1
Надіслати
Поділитися на інших сайтах


. . . Нужно смотреть полную картину, а то получается вопрос типа "у меня не заводится машина, вот фотка передней панели в момент завода" (без обид). :)

Именно так я и думал :).

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

Баланс присутствует или полный дисбаланс?

А то у меня как на кухне всё по вкусу соль, перец . . . :) одним словом варганю что-то, но не знаю, что из этого выйдет.

Надіслати
Поділитися на інших сайтах


Выстрел в воздух, но всё же в чудеса верю! :)

Что здесь не так? (переводчиком пользовался в общих чертах, представляю о чем - суть не понятна)

Мысли вслух: Опыт - это то, что покупается ценою собственных ошибок. Пусть хотя бы в этом наши покупательские способности не ограничены.

Надіслати
Поділитися на інших сайтах


Выстрел в воздух, но всё же в чудеса верю! :)

Что здесь не так? (переводчиком пользовался в общих чертах, представляю о чем - суть не понятна)

Мысли вслух: Опыт - это то, что покупается ценою собственных ошибок. Пусть хотя бы в этом наши покупательские способности не ограничены.

Времени пока на анализ текстов нет, по-позже обязательно отпишусь.

А касательно этой ошибки - по стандарту xhtml1 атрибута tab нету у тега a, но он нужен jQuery-скриптам, чтобы работать с вкладками.

Вариантов два:

1. забить на валидацию

2. использовать вместо tab, скажем, rel или, что лучше, href и переписать jQuery-скрипты под использование значения href вместо tab.

вот, например, подправленный под использование href-ов стандартный рисователь таб-контрола из базовой темы OpenCart-а из моего магазина.

Файл /catalog/view/javascript/jquery/tab.js (только не забудьте, что перед его изменением надо во всех шаблонах, где есть такие же кантролы переписать tab-ы на href-ы, т.е. вместо <a tab="#some">...</a>, ставим <a href="#some">...</a>):

$.tabs = function( selector, start ) {
        $( selector ).each( function( i, element ) {
                $( element ).click( function() {
                        $( selector ).each( function( i, element ) {
                                $( $( element ).attr( 'href' ) ).removeClass( 'selected' ).css( 'display', 'none' );
                        });
                        $( this ).addClass( 'selected' );
                        $( $( this ).attr( 'href' ) ).css( 'display', 'block' );
                        
                        return false;
                });
        });
	
        if ( !start )
                start = $( selector + ':first' ).attr( 'href' );

        $( selector + '[href=\'' + start + '\']' ).trigger( 'click' );
};
  • +1 2
Надіслати
Поділитися на інших сайтах


. . .

Вариантов два:

1. забить на валидацию

2. использовать вместо tab, скажем, rel или, что лучше, href и переписать jQuery-скрипты под использование значения href вместо tab

. . .

Огромадное спасибо!!!

Читать - читал, но самбы не отдуплил. Применил rel.

Прошёлся плюсом по репутации, жалко вот лимит не исчерпал всего 6 постов, а тоб весь всадилбып :).

Надіслати
Поділитися на інших сайтах


Огромадное спасибо!!!

Читать - читал, но самбы не отдуплил. Применил rel.

Прошёлся плюсом по репутации, жалко вот лимит не исчерпал всего 6 постов, а тоб весь всадилбып :).

Да вообщем-то особо не за что, после нескольких десятков мегабайт приведенного в порядок html-я ответы на такие вопросы не сложнее, чем на "сколько времени?". Рад, что помог.

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

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

Надіслати
Поділитися на інших сайтах


. . .

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

Во-о-О, как раз этим я и занимаюсь. :)
Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.