Косячим: Главная страница

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

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

Шапка сайта

В шапке сайта укажите название вашего ресурса. Если название абстрактное, например
«Стуслов и сотоварищи», то постарайтесь написать небольшую аннотацию к названию вашего ресурса, например:

«Стуслов и сотоварищи»
Меховое ателье

Это сразу даст вашему посетителю понятие о том, чем занимается г-н Стуслов

rel="canonical" для Joomshopping

В ходе наполнения товарами магазина на Joomshopping и последующей его оптимизации под поисковые системы, может встать вопрос о дублировании некоторых страниц. Чтобы избежать неприятных ситуаций при индексировании, будем использовать рекомендуемый Яндексом и Google атрибут rel=«canonical» тега <link>.

Напомню, что rel=«canonical» позволяет указать предпочитаемый урл для индексации среди группы похожих/одинаковых страниц.

Косячим: Изображения

Я обращаю внимание, что зачастую вебмастера и контент-менеджеры очень наплевательски относятся к изображениям на сайте. Это заключается в том, что они берут фотографию и вставляют ее на сайт в исходном варианте. Потом ставят ширину (или высоту или и то и другое) и всё. Фотография на сайте вроде небольшая по размеру, но «вес» значителен, что неблагоприятно сказывается на скорости загрузки страницы.

Попытаюсь поставить таких людей на путь истинный.

Для примера я взял одну из своих фотографий. Оригинальный размер: 2816 × 2112, размер файла 2.6 MB. Много, не правла-ли? Попробуем вставить ее на сайт вышеупомянутым «рукотазым» методом.

<img src="original_photo.jpg" width="640" height="480">

Все нормально, фото небольшое, но весит так-же как и раньше — 2.6 MB. Этого доспускать нельзя. Открываем графический редактор и меняем размер фото, потом сохраняем как JPG.

Размер изображения 640x480, размер файла 603 kb.

Возможно вы обратили внимание, что эта картинка открылась не сразу. Это потому, что размер файла все-равно велик. Уменьшаем дальше

Косячим: Верстка текста.

Основные ошибки при верстке текста (контента) на сайте.

Несемантическая верстка

  • Списки

    Неверно:

     - Пункт один;&lt;br&gt;<br /> - Пункт два;&lt;br&gt;<br /> - Пункт три.&lt;br&gt;<br /> &lt;br&gt;<br /> 1. Пункт один;&lt;br&gt;<br /> 2. Пункт два;&lt;br&gt;<br /> 3. Пункт три. 

    Верно:

       
    • Пункт один;
    •  
    • Пункт два;
    •  
    • Пункт три.
    1. Пункт один;
    2.  
    3. Пункт два;
    4.  
    5. Пункт три.
  • Параграфы

    Неверно:

    Параграф один. <br><br>

    Параграф два.

    Верно:

    Параграф один.

    <code><br />
  • Параграф два.

Заголовки

Неверно:

<code><span style="text-size: 24px;">Заголовок</span><br />

Подзаголовок

<code><br />

Подзаголовок

Верно:

Заголовок
<code><br />

Подзаголовок
<code><br />

Подзаголовок


Встречаются и другие ошибки, но эти зачастили. Советую загуглить запрос «семантическая верстка». Там конечно рассказано про CSS, но все те правила нужно использовать и при верстке текстов. Основной смысл такой — если делаем спискок, то делает его тегом списка, если делаем заголовок, то тегом заголовка и т.д.



Перенос предлогов
на новую строчку

  • Используем непереносимый пробел

    Ошибочно:

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

    Грамотно:

    В&nbsр;чащах юга жил&nbsр;бы цитрус? да, но&nbsр;фальшивый экземпляр!

Для этого есть специальные утилиты, например «Реформатор»



Картинки без отступов

У любой картинки в тексте должен быть отступ, поэтому нам необходимо создать всего-лишь одно правило на CSS. Если блок с вашим контентом имеет id="content", то правило будет выглядеть так:

  • Отступы у картинки
     #content img {margin: 20px;} 


Тег readmore в неположенном месте

Если вы поставите тег readmore в случайном месте, то все открытые до него теги будут закрыты тегами верстки, что в свою очередь на 99% перекосит весь дизайн сайта, особненно если вы используете div в верстке текста.

  • Тег readmore

    Ошибочно:

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

    Грамотно:

    В чащах юга жил бы цитрус?



    да, но фальшивый экземпляр!



Делайте верно, и оно будет красивым.

P.S. Скопировали — вставили текс из WORD — бросьте в себя камень, бейте себя по рукам, наймите здоровенного мужика с волосатыми руками, который будет стучать вам по голове, когда вы делаете это. Так делать нельзя ни в коем случае.

Обновление Joomla! 1.5 до Joomla! 3.0

В этой статье Я хочу подробно описать миграцию с Joomla! 1.5 на Joomla! 3.0 на примере своего же собственного сайта. Еще совсем недавно он работал на Joomla! 1.5, однако с выходом Joomla! 3.0 у меня появилась навязчивая идея ее опробовать. И не так просто поставить на локалхост и потыкать, а реально запустить на ней сайт. Кроме моего сайта добровольцев не было, поэтому сразу после выхода Joomla! 3.0.1 Я начал думать как мне лучше обновиться. И не просто обновиться, а обновиться так, чтобы сохранились все адреса материалов и категорий, не говоря уже о них самих. Для этого нужно было сохранить все ID материалов, категорий и прочего. Иными словами обновиться правильно и без мусора в базе данных, который мог бы появиться при обновлении с помощью компонента JUpgrade. То есть Я хотел если не идеального обновления, то почти. Мне нужен был только перенос материалов, категорий и ссылок с сохранением всех URL и ID. В общем если вы так же хотите чистого сайта на Joomla! 3.0, но с вашими

Конкурс статей на JoomClub.

На конкурс принимаются оригинальные, ранее не публиковавшиеся статьи, тематика которых совпадает с тематикой сайта.
Статьи принимаются до 10 ноября 2012 года.

Срок проведения конкурса с 20 октября по 10 ноября 2012 года. Итоги конкурса будут подведены до 15 ноября 2012 года.

Для участия в конкурсе необходимо отправить оформленную статью на адрес support@joomclub.net.

Правила оформления

  • Для участия в конкурсе статья должна быть размещена на сайте JoomClub.net.
  • Для размещения статьи, автор должен предоставить администрации конкурса окончательно оформленную статью в файле формата doc или odt.
  • При наличии скриншотов, схем, графиков или иных изображений автор должен предоставить их отдельными файлами (gif, jpeg, png), пронумерованными по порядку расположения в статье. Размер не более 600 пикселей в ширину.

Призы
  • 1е место — 1000 руб. + инвайт на JoomClub
  • 2е место — купон на домен в зоне .ru + инвайт на JoomClub
  • 3е место — инвайт на JoomClub
  • специальный приз от Yazov — купон

Как обновить сайт без ЧПУ и не потерять индексацию.

Недавно мне довелось переносить один сайт с какой-то там CMS на Joomla. По функциям это был сайт — каталог товаров. И если где-то в просторах интернета осталась ссылка на какой-то товар «старого» сайта, то при нажатии на нее у вас должен открыться «новый сайт» с этим-же товаром. Вроде все довольно просто, т.к. в Joomla 2.5 есть встроенный компонент перенаправления, в котором мы можем прописать старые ссылки и редиректить на новые, но… не тут то было.

На старом сайте все ссылки были неЧПУшные (httр://site.ru/index.php?cid=1&tid=2&fid=345) и поэтому встроенный модуль перенаправления просто не понимал эти ссылки, т.к. по своей сути все эти ссылки были -httр://site.ru/index.php и все остальное после этого были всего-лишь параметрами. Поэтому создавать перенаправление было бессмысленным. Первый скачанный модуль из JED действовал по такому-же принципу и мне пришлось идти другим путем:

Другой путь.

Сначала я разобрал ссылку старого сайта на составные части:

Обзор Joomla 3 мои впечатления

Сразу скажу, что это не профессиональный обзор с кучей скриншотов, и большим количеством букв, это мои впечатления, человека, который ради разминки и интереса сделал сайт на joomla 3.

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

Обновление русской локализации для Joomla 3

 Собственно свершилось русская локализация для Joomla 3.0.1 вышла. Она уже доступна для установки через админку joomla.

На этот раз локализации появляются очень быстро и это не может не радовать.

Почему копипаст погубит человечество

Почему одни трудятся над создание контента часами, месяцами, а может и годами, а другие просто — увидели, скопировали, вставили, а то еще и присвоили «умные мысли» себе?

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