Совет по созданию информеров на uCoz - Всё для вебмастера - Каталог статей

Рейтинг:0.0

Основные советы:

Устанавливаем системную переменную
Самым правильным и оптимальным вариантом для сайта будет установка на страницах сайта информер в виде системной переменной MYINF_1, а не прямой js ссылкой:

Код

Во-первых, это будет полезно с точки зрения SEO, сам убедился в этом, как из информера "Рекомендую к прочтению" в поиск Яндекса по картинкам попали многие новости.

Во-вторых, таки образом при просмотре исходного кода Вы сразу увидите в своём браузере сделанные ошибки в html коде и Вам не придётся открывать в отдельном окне содержимое js информера.

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

Распространённая ошибка новичков
Самой распространённой ошибкой среди новичков uCoz является тот момент, что они прописывают в html каркас информера css стили, запомните раз навсегда , что все стили всегда должны находиться в отдельном css файле, а не разбросаны по всему сайту, а в случае с информером мы будем нагружать страницу лишним кодом.

к примеру вы установили в информер вот такой html код:

Код

<li><a style=" margin: 0; background: #f8f8f8; color:#888; " href="$PROFILE_URL$">$USERNAME$</a></li>

и выставляем в настройках информера Количество материалов 20.

В результате чего данная строка будет продублирована системой uCoz 20 раз, тем самым нагружая сайт лишним кодом.

Количество колонок:
Хочу дать небольшой совет, что при создании информера не используйте функцию Количество колонок, оставьте значение 1, в противном случае система uCoz создаст таблицу с нужным количеством колонок, в которой из них будет находиться ваш html код.

к примеру установим в информер html код:

Код

<li><a href="$PROFILE_URL$">$USERNAME$</a></li>

и выставим в настройках информера параметр Количеством колок: 3, мы получим следующий html каркас:

Код

<table class="infTable" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
  <tbody>

  <tr>
  <td class="infTd" width="33%"><li><a href="http://www.center-dm.ru/index/8-1" target="_blank">RuleZ-DM</a></li></td>
  <td class="infTd" width="33%"><li><a href="http://www.center-dm.ru/index/8-3" target="_blank">SnezhanaV</a></li></td>
  <td class="infTd" width="33%"><li><a href="http://www.center-dm.ru/index/8-4" target="_blank">teamgame</a></li></td>
  </tr>

  <tr>
  <td class="infTd" width="33%"><li><a href="http://www.center-dm.ru/index/8-5" target="_blank">Bulbik</a></li></td>
  <td class="infTd" width="33%"><li><a href="http://www.center-dm.ru/index/8-6" target="_blank">Slon</a></li></td>
  <td class="infTd" width="33%"><li><a href="http://www.center-dm.ru/index/8-7" target="_blank">boltayka</a></li></td>
  </tr>

  <tr>
  <td class="infTd" width="33%"><li><a href="http://www.center-dm.ru/index/8-8" target="_blank">Deluxe</a></li></td>
  <td class="infTd" width="33%"><li><a href="http://www.center-dm.ru/index/8-9" target="_blank">deonemos</a></li></td>
  <td class="infTd" width="33%"><li><a href="http://www.center-dm.ru/index/8-10" target="_blank">slava</a></li></td>
  </tr>

  </tbody>
</table>

как вы понимаете данный html код несёт в себе три основные ошибки:

- мы нагружаем страницу сайта лишним html кодом
- такой html код может не пройти валидацию
- дизайн сайта может поехать куда-то в сторону

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

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

На этом всё, спасибо за внимание!

Источник: http://www.center-dm.ru/