Важливі дрібниці - title, favicon

26.12.2007 Дизайн

Дивишся на сайт і думаєш: який він гарний, але все-таки чогось не вистачає! Так, справді, багато чого у вас може не вистачати. А ви про це навіть не здогадуєтесь. Це такі дрібниці, яких одразу не помітиш, але вони вносять суттєве доповнення до загального образу сайту. Згадаємо кілька таких вартісних веб-дрібниць.

1. Тег title . Чомусь про нього всі завжди забувають. А не треба. навіщо придумовувати щось нове, якщо це було відоме ще 10 років тому? Приведіть, якщо це можливо, всі лінки на вашому сайті в порядок за допомогою цього тегу. Це не зашкодить, а навпаки, зблизить вас із читачами. Адже набагато приємніше, коли при наведенні на лінк, ти будеш знати, “куди тебе посилають”. Такі невеличкі підказки та хитрощі справді вартісні. Зокрема, на цьому блозі ви будете зустрічати цей тег дедалі частіше Те ж саме стосується зображень - якщо ви не пишете внизу його опис, то хоча б залиште кілька слів у тезі title. Тепер читач знатиме, шо то за картинка. Приклади:

<a href=”http://example.com” title=”External link“>Link</a>

<img src=”/images/map.gif” alt=”Paris map” border=”0” title=”Global Map“/>

2. Favicon. Можливо, ви й чули про таку штуку, як favicon (favourite icon), а можливо й ні. Проте однозначно, ця маленька, розміром всього 16х16 пікселів, дрібниця потужно доповнює сайт, створюючи загальне враження. Favicon - це маленька іконка вашого сайту, що розміщується зазвичай біля адреси сайту, а у Firefox - ще й біля вкладок, а також відображається у ваших закладках після додавання. До прикладу, фавікон Блогорідера виглядає так: . Якщо ви хочете, щоб і у вашого сайту/блогу був фавікон, достатньо помістити ось такий код зверху (header):
<link rel=”shortcut icon” href=”http://example.com/favicon.ico“
type="image/x-icon“>

Розширення такого файлу обов’язково має бути саме .ico оскільки саме воно призначене для ярликів. Це ж саме стосується назви - якщо ви хочете, щоб іконка відображалась у всіх браузерах, то залишіть назву favicon.ico незмінною. В допомогу вам будуть такі сервіси як: Онлайн-генератор іконок з ваших картинок, Favicon Maker - розмальовка пікселів вручну. А також каталоги сайтів, зроблені з фавіконок: Завое.вание.ru, Blogosphera.

Продовження теми чекайте найближчим часом!

Буду радий, якщо ви напишете ще кілька дрібниць, котрі є досить важливими на вашу думку.

Popularity: 59%

Вам сподобається:

Сподобалась стаття? Підпишись на оновлення через RSS (?) або e-mail.

Реклама на сайті | Стати автором | RSS-підписка | Новини на e-mail | Технічна сторінка

12 Коментарів на цей пост »

masterpiecer

Грудень 26 2007 @ 23:03 Оціни: 0 0

На своєму російськомовному блозі теж застосовую title. Частіше забавні і смішні
Euro-Highway

Грудень 27 2007 @ 3:32 Оціни: 0 0

До речі, favicon не завжди спрацьовує. 50 на 50 з’явиться (при хостингу на blogspot)
podarok

Січень 11 2008 @ 1:44 Оціни: 0 0

2автор
border вже deprecated для вебу, тому не варто його навіть в прикладах використовувати…
Для створення файлу ico - робим звичайний bitmap та перейменовуємо його в ico
Крім вказування шляху до ico файлу не полінуйтесь скопіювати його також і в корінь вебсайту, бо деякі броузери та роботи шукають його саме там абсолютно незалежно від ваших параметрів.
Для лінків бажано вказувати не тільки title, а й мову, якою буде сторінка при переході на лінк.
hellveen

Січень 11 2008 @ 1:48 Оціни: 0 0

Тим не менше, бордери все рівно виводяться, якщо не вказати його.
А щодо лінків - то значно важливішим буде параметр rel=”" , хто займається SEO той зрозуміє.
podarok

Січень 12 2008 @ 1:47 Оціни: 0 0

2hellveen
border не вказується! Для цього існує css