Тотальный Сбор Трафика. Экспресс-Курс, Часть 1 – Создание Фавикон

Опубликовано | 25.05.2008 | 23 Комментариев | Автор: Tias Despot

«В этом мире всё наперёд прощено и стало быть всё цинично дозволено»
Милан Кундера
Вы уже не первый день втянуты в индустрию онлайн бизнеса и, наверняка, изучая способы прибыли и добычи трафика вы двигались вперёд, создавая ваш сайт/блог/сеть и аккуратно продумывая свой следующий шаг по покорению этого мира.

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

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

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

Хоть мы говорим об англоориентированном бизнесе, я знаю, что многие читатели блога работают только с рунетом, поэтому все примеры в этом курсе я буду стараться ориентировать на рунет, проводя работу над своим блогом вместе с вами. Моему блогу сейчас около полугода, но я не проводил с ним практически никаких движений по раскрутке, и, как видите, несколько недель назад я удалил все старые статьи и начал писать с нуля, поэтому пока контента совсем мало. Это даёт вам возможность идти в ногу со мной, если у вас очень молодой блог и совсем мало на нём материала то просто придерживайтесь пунктов курса и всё у вас получится.

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

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

мне интересно точное количество читателей работающих с рунетом и англонетом, просьба отметиться в опросе, чтобы больше знать в какую сторону ориентировать этот курс
[poll id="2"]

Итак, поехали! Изначально в каждой серии курса я планировал выкладывать по 10 пунктов добычи трафика (не по порядку, порядка здесь нет), всего я задумал их около сотни, но уроки получаются слишком объёмистыми и я решил выкладывать по одному или несколько пунктов, но немного чаще, главное успевайте!

Делаем Favicon

Чтобы у вас не опустились руки начну с простейшего.
Favicon – это иконка, которая отображается в адресной строке браузера, в закладках браузера, в папках Windows, если ваша была страница была сохранена на жёсткий диск.

Такая иконка нужна для нескольких вещей:

1. Она создаёт/улучшает вашему сайту бренд и делает его запоминающимся
2. Ваш сайт будет легче отыскать в закладках, среди сотен других счастливчиков

Какой должна быть иконка? В принципе любой, главное чтобы она была.
Но будет еще лучше если она будет:

• Качественной (ваш сайт запомнят качественным и профессиональным)
• Яркой (иконка будет больше заметна среди других)
• Креативной (такая иконка больше просидит в умах ваших посетителей, лучше запоминается)
• Выражать суть вашего сайта (большинство людей визуалы и им легче запомнить блог по рисунку, чем по названию, темболее глядя на картинку можно не вчитываясь понять о чём блог. Это хороший способ заинтриговать серфера… показав ему в иконке женскую грудь, он будет рыскать по сайту в поисках её, поэтому хорошо подумайте какой рисунок больше подойдёт вашему сайту)
• Подходить к дизайну сайта (это вызовет больше доверия со стороны серфера и ему будет проще вспомнить о чём и как выглядит сайт. В случае с моим с блогом, я принебрёг этим правилом. Иконка у меня сейчас отличается в цветах от блога. Но изначально, при прошлом дизайне, она подходила по всем параметрам, иконка мне так понравилась, что я решил её не менять)

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

Пример

Откройте фотошоп

Создайте новый документ, нажав «Файл – Новый» или комбинацию клавиш «ctrl + N»

В открывшемся окне вбиваем высоту и ширину по 48 пикселей и фон – прозрачный, остальные настройки нас мало интересуют. Почему именно 48 пикселей (ведь сама иконка 16 пикселей) вы узнаете чуть позже. Вообще можно взять любой рисунок, вырезать из него необходимое и уменьшить. Но ведь мы создаём качественный проект и нам плагиаты не нужны, делаем всё сами.

Для более точной и удобной работы увеличиваем наш документ инструментом «масштаб» (клавиша «Z»).

процентное увеличение будет прописано в заголовке документа

Создаём новый слой, для этого на окне слоёв нажимаем кнопку нового слоя или нажимаем комбинацию клавиш «ctrl + shift + N»

Теперь нам нужно приступить к рисованию. Тут у каждого будут свои идеи, возможно вы захотите вырезать какой-то рисунок, возможно вы захотите нарисовать что-то своё (для этого включайте инструмент «Карандаш» и рисуйте), не надо думать, что это тяжело, ведь вам не надо рисовать пейзаж на выставку, вам нужен мизерный рисунок, просто начните и вы увидите как легко нарисовать хороший рисунок 16х16. Возможно вы захотите поместить какой-то символ (включите инструмент «фигуры» и выбирайте любую по вашему вкусу). А возможно вы захотите поставить какую-то букву в иконку, которая будет ассоциироваться с вашим сайтом. Это тоже хорошая идея, серферам легче запоминается домен и название сайта.

Последний пример я и разберу.

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

Для примера я возьму второй вариант, нарисуем квадрат, с закруглёнными краями.
Для этого выберите соответствующий инструмент

потом ставим радиус закругления (в моём варианте это «20 пикселей») и выбираем цвет фона, я взял «#eae9b8″

Дальше рисуем этот квадрат. От левого верхнего края рабочего документа ведём курсор с зажатой клавишей «shift» (для того, чтобы стороны квадрата были одинаковыми), в результате у нас получится

Создаём новый слой. Теперь рисуем букву. Выбираем инструмент «горизонтальный текст» (клавиша «T»)

выбираем цвет для нашей буквы, я взял «#d5d117″, ставим размер буквы, у меня «30 пикселей», и выбираем какой-либо экзотический шрифт, я взял «Beast Wars». Если вам не нравятся стандартные шрифты Windows, вы можете скачать любую коллекцию на Da Font, так и я поступил

Кликаем на нашем фоне инструментом «Текст» чуть левее середины и пишем букву

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

Теперь в окне со слоями нажмите кнопку эффектов и выберите пункт «Тень»

в открывшемся окне если хотите поменяйте настройки, но в нашем примере можно ничего не менять. Нажмите «Да». У нас получится такой рисунок

Мы рисуем иконку, для этого нам нужно привести изображение в индексированные цвета. Такое требование обусловлено форматом .ico файла. Для того, чтобы перевести в индексированные цвета нажмите «Изображение – Режим – Индексированные Цвета»

в открывшемся окне в меню «Принудительные» выбираем Основные Цвета

и нажимаем «Да»

Дальше нам необходимо сохранить наш рисунок. Для этого нажимаем «Файл – Сохранить для Web и устройств», либо комбинацию клавиш «Alt+Shift+Ctrl+S»

Ставим формат Gif или Png, остальные настройки подбираем так, чтобы рисунок остался качественным

И вот у нас уже есть картинка которая будет служить рисунком для иконки. Теперь нужно создать саму иконку.

Для этого открываем сайт favicon.ru.
Выбираем нашу картинку, нажав кнопку «Обзор», ставим галочки напротив пунктов: «значок 32x32px для десктопа» и «значок 48x48px для десктопа», вот зачем мы делали картинку именно размером 48х48, мы одним действием убъём двух зайцев, у нас будет иконка и для браузера и для файла на жёстком диске

Нажимаем кнопку «Создать favicon.ico» и нам показывают результат работы скрипта и как будет выглядеть иконка в различных вариантах.

Далее нам нужно убрать погрешности, которые создал скрипт, когда конвертировал рисунок в формат .ico. Для этого под примерами иконки нажимаем ссылку «редактировать»

редактор здесь очень простой, всё интуитивно понятно, многие кнопки дублируют инструменты в фотошопе

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

нажимаем кнопку «create Favicon»

теперь вы выходите из режима редактирования и можете скачать иконку

Под этой ссылкой написано как установить иконку на сайт. Для этого закачайте её в корень вашего сайта, после этого зайдите в редактор шаблона (в WordPress 2.5 нужно нажать Design – Theme Editor – Header) и пропишите между тегами <head> и </head> строчки:

<link rel=»icon» href=»/favicon.ico» type=»image/x-icon»>
<link rel=»shortcut icon» href=»/favicon.ico» type=»image/x-icon»>

либо, если вы поместите иконку не в корень, а в папку с темой для вашего сайта, то пропишите

<link rel=»icon» href=»<?php bloginfo(‘stylesheet_directory’);?>/favicon.ico» type=»images/x-icon» />

теперь на вашем сайте стоит иконка

и вы, тем самым, подкупили посетителей, можете смело надеятся на увеличение букмарков и повторных визитов серферов.

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

Нет связанных записей.

Comments

• Категории Блога

  • SEO
  • Адалт
  • Бизнес План
  • Блоггерство
  • Бомонд Сети
  • Интернет Маркетинг
  • Копирайтинг
  • Оптимизация
  • Рекламный Маркетинг
  • Фарма

• Свежие Записи

  • Адалт Блоги: Завлекающие Тексты
  • Фарма – Только Самое Важное
  • Адалт Блоги: Кликабельные Тумбы В Постах
  • 1 – Твой Первый Гид По Манимейкингу В Интернете
  • Как Рубить Бабло На Продаже Хостинга? Бизнес План

• Метки

  404 Adsense All In One Seo Craigslist Digg Favicon Google Groups Myspace Pharma Pharmacy SEO Web 2.0 Yahoo Answers Yahoo Groups Адалт Адалт Блоги Аптека Белая Аптека Блоггерство Блоги Большие Деньги Веб 2.0 Группы Доска Объявлений Закладки Заработок Идеи Интернет-Магазин Контекстная Реклама Контент Копирайтинг Мануал НЛП Онлайн Бизнес Оптимизация Плагины Посты Пошаговое Руководство Социальные Сети Таблетки Трафик Уроки Копирайтинга Фарма Шрифты Adsense Экспресс-Курс

• Друзья

  • Rat Racing
  • Блог Lucky-Max-а
  • Блог предпринимателя
  • Заработок в Интернете

Подписаться на RSS

Введи свой email адрес:

Поиск

• Последние Комментарии

  • aim к записи Как Заработать в Интернете 300$ в Первый Месяц Работы
  • саня к записи Исчерпывающий Гид По Работе С Фарма-Партнёркой Stimul-Cash
  • Владимир к записи Фарма – Только Самое Важное
  • Владимир к записи Фарма – Только Самое Важное
  • RA3Player к записи На Чём Сколотить Состояние – 51 Проект, Которые Готовы Отдать Тебе Миллиарды!