ArtShok. Сайтостроение и немного SEO

Уроки и примеры по CSS, jQuery. Советы по монетизации и продвижению сайтов
17 09

2008

Автор:
ArtShok
Метки:
,
Комментариев нет

25 советов по подборке и регистрации доменов

Красиво и правильно подобранное доменное имя является одним из основных условий в интернет-маркетинге. Домен можно сказать часть брэнда компании. Как правило, имя подбирается аналогичное названию компании, например: Apple, Sprite, Key, Google.

В этом случае еще хорошим примером может служить http://ice-clean.net/, доменное имя сайта сети химчисток “Айс-клин”. В частности мы видим привязку к чистоте по второй части - “clean”, а “ice” мы уже по умолчанию воспринимаем как “свежий”. Более того, благодаря рекламе одного из товаров по ТВ, высказывания “Айс!” и “Не айс!” стали аналогом признания хорошего (в нашем случае) или плохого качества соответственно.

Так что же надо учесть при регистрации очередного домена для своей компании или проекта. 25 советов по подбору доменов

15 09

2008

Автор:
ArtShok
Метки:

4 комментария

Base Href

Base href - тэг, помогающий сократить количество повторяющегося текста в вашем документе. Определяя base href, вы даете браузеру понять, что все внутренние ссылки в документе идут как бы от начала (т.е. от заданного адреса). Это позволит нам сократить время при разработке и просмотре сайте на компьютере - вы сразу сможете проанализировать, как он будет выглядеть в сети и были ли допущены ошибки в адресации.

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


<head>
<title>Base Href</title>
<base href="http://www.yoursaitename.ru">
</head>


<body>
<p>Проверяем работу base href для ссылок</p>
<p><a href=html>Base Href</a></p>
<!-- Получаем нужную ссылку -
http://<code>www.yoursaitename.ru</code>/html.
Без base href мы были бы перенаправлены на поддерикторию.
Например, http://www.yoursaitename.ru/where-we-now/html -->


<p>Проверяем работу base href для картинок</p>
<p><img src=picture1.jpg></p>
<!-- Полный url - http://www.yoursaitename.ru/picture1.jpg.
Для проверка жмем правой кнопкой и Свойства.
Опять же без base href картинка лежала бы по адресу
http://www.yoursaitename.ru/where-we-now/picture1.jpg,
т.е. там, где ее теоретически нет -->
</body>
</html>

13 09

2008

Автор:
ArtShok
Метки:
,
7 комментариев

Чемодан Блоггера

Итак, сегодня было анонсировано о выходе “Чемодана Блоггера”.

“Чемодан Блоггера” - это бесплатная программа для тех, у кого есть свой блог. Программа имеет функции мгновенного обновления информации в нескольких разделах, причем влияют на эти изменения сами пользователи.

Что это нам дает? С помощью Чемодана Блоггера вы можете:

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

Более подробное описание вы можете прочитать на страницах блога Артема Беляйкина - “Каждому блоггеру - по “Чемодану“

09 09

2008

Автор:
ArtShok
Метки:
, ,
2 комментария

Как оптимизировать CSS

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

Такая оптимизация CSS выигрышная, если приходится прописывать кучу стилей к одному сайту. Если вы верстаете в DreamWeaver, то наверняка уже использовали этот метод интуитивно, когда прописывали стили, например, к шрифтам или фону - спасибо разработчикам, они позаботились о всплывающих подсказках:)

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

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

  1. Отбивка (Margin & Padding)
  2. Шрифты (Font)
  3. Фон (Background)
  4. Границы (Border)
  5. Списки (List)
  6. Контуры (Outline)

Подробно о каждом способе оптимизации CSS

08 09

2008

Автор:
ArtShok
Метки:
, ,
4 комментария

PNG-24, проблема отображения в IE. Как исправить?

До тех пор, пока IE 6 версии и ниже не уйдет из обихода пользователей, нам предстоит решать проблему отображения png-24 в браузере. Это актуально хотя бы потому, что, согласно статистике, больше 50% посетителей используют до сих пор эксплорер, в связи с чем не принимать их во внимание будет глупо и непредусмотрительно. Как минимум это приведет к потере посетителей, не сумевших оценить ваш дизайн и использование в нем png.

Решение проблемы png24

08 09

2008

Автор:
ArtShok
Метки:
,
3 комментария

Как изменить цвет полосы прокрутки

Сегодня мы рассмотрим как изменить цвет полосы прокрутки со стандартного на… желаемый:)

Безусловно, у этого метода есть свой минус - изменения будут видны только в Internet Explorer версии не ниже 5.5. Но тем не менее это даем нам дополнительный шанс, чтобы выделиться и понравиться посетителям. Ничего сложного в этом нет.
Собственно о том, как изменить стиль скролбара

06 09

2008

Автор:
ArtShok
Метки:
, , ,
10 комментариев

Как сделать древовидный список с помощью CSS

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

Древовидный список методами CSS, оформление списка с помощью CSS

Если не засорять код чем-то лишним, то в идеале он будет выглядеть следующим образом:

[php]
<ul class="tree">
<li>Продукты
<ul>
<li>Молочные
<ul>
<li>Молоко</li>
<li>Кефир</li>
</ul>
</li>
.
.
.
</ul>
[/php]

Как оформить древовидный список с помощью css

03 09

2008

Автор:
ArtShok
Метки:
,
3 комментария

Прозрачность для всех браузеров методами CSS

Как помним, прозрачность (transparency) - это одна из тех вещей, которая отображается во всех браузерах по-разному. К счастью, чтобы избавиться от данного бага, нам будет достаточно прописать пару строк в CSS (в примере используется прозрачность в 50%)


.transparency_class {
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
}

О каждом из параметров прозрачности

02 09

2008

Автор:
ArtShok
Метки:

2 комментария

ТОП 10 ошибок оптимизации сайта (для начинающих)

  1. Отсутствие связи между страницами сайта.
    В противном случае поисковики проиндексируют только главную.
  2. Регистрация полупустого сайта в поисковиках.
    Робот, пришедший на пустую страницу, вернется не скоро, а вам придется ждать следующей индексации.
  3. Линкопомойки.
    Еще пару лет назад одним из способов продвижения сайта была регистрация оного в большом количестве каталогов с последующим размещением обратных ссылок на одной странице. Так вот - этого делать НЕ НАДО. Не стоит размещать больше 20 исходящих ссылок на одной странице.
  4. Грамматические ошибки + опечатки.
    Уважайте своих посетителей - проверяйте орфографию перед публикацией текста.
  5. Текст, насыщенный ключевыми словами, одного цвета с фоном страницы
    Прямой путь к бану.

    6. Еще 5 ошибок

Всего страниц 9: « Первая ... « 6 7 8 9