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

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

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

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

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

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

top of hotblogs.org.ua

Popularity: 70%

del.icio.usDiggTechnoratiMa.gnoliaStumble UponGoogle BookmarksChuvBlogosvitMyNews

Тут є чимало цікавого! Вам сподобається:

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

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

  1. masterpiecer

    am Грудень 26 2007 @ 23:03

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

  2. Euro-Highway

    am Грудень 27 2007 @ 3:32

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

  3. 10 ознак хорошого HTML-коду - Blogoreader 2.4 – українська блоґосфера - блоґи, новини, статті, персони

    am Січень 8 2008 @ 7:01

    [...] але все ж потрібний елемент сайту, як я нещодавно писав. В блоці head також варто розмістити meta-теги, якщо ви [...]

  4. podarok

    am Січень 11 2008 @ 1:44

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

  5. hellveen

    am Січень 11 2008 @ 1:48

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

  6. my.ukrweb.info

    am Січень 12 2008 @ 1:46

    Мова ZZ…

    Написати цей аналіз мене надихнула стаття на Блогорідері. Причина? Явна схожість із "перекладом" "забугорної статті", що до укр…

  7. podarok

    am Січень 12 2008 @ 1:47

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

  8. 10 найкорисніших сервісів для блогера - Blogoreader 2.5 – українська блоґосфера - блоґи, новини, статті, персони

    am Січень 18 2008 @ 7:02

    [...] ПК або ж в онлайні. Процес завантаження, налаштування фавіконки, простий, і всього за три кроки у вас буде готова ця [...]

  9. 25 шляхів покращити свій сайт - Blogoreader 2.6 – українська блоґосфера - блоґи, новини, статті, персони

    am Квітень 4 2008 @ 7:01

    [...] Додайте атрибут title: ця невелика операція з посиланнями збільшить [...]

  10. Під мікросокопом - Анекдоти з України - Blogoreader 2.6 – українська блоґосфера - блоґи, новини, статті, персони

    am Червень 25 2008 @ 9:19

    [...] сприйнятті сайту. Єдиного, чого не вистачає - це favicon’ки, як неодмінного атрибута будь-якого [...]

Коментарі RSS · TrackBack URI

Залиши свій коментар

Логін: (Потрібно)

eMail: (Потрібно також, ніякого спаму)

Сайт:

Коментар:

 


Украинская Баннерная Сеть

 

Spampoison UA TOP Bloggers Add to Technorati Favorites количество читателей онлайн и всего Блогосфера в иконках Каталог блогов Blogdir.ru мир Иинтернет блогов Рейтинг блогов

УкрБаш — Український цитатник! Участник Blograte.ru Каталог україномовних сайтів Подільська зоря Mehanik Apple — український блоґ

Нагору ↑

Передрук матеріалів можливий, якщо дотримуватись обов'язкових правил.

Хочете бути нашим автором? Ласкаво просимо.