Если у вас возникли сложности с курсовой, контрольной, дипломной, рефератом, отчетом по практике, научно-исследовательской и любой другой работой - мы готовы помочь.
Предоплата всего
Подписываем
Лекция 1
В этой лекции мы рассмотрим основные навыки профессионального использования поисковой системы Яндекс, а также несколько удобных мелочей, облегчающих работу.
По умолчанию, на страницу поиска выводится десять результатов. Для перехода к следующим страницам приходится нажимать на ссылки "следующая" или использовать сочетания клавиш CTRL и стрелок. Правильно сформулированный запрос отображает искомый сайт или документ на первых местах или на ближайших страницах. Поэтому при наличии быстрого Интернета удобнее немного изменить привычный вид Яндекса. Это можно сделать по ссылке "Настройка" без всякой авторизации - все пользовательские настройки хранятся в файлах cookie. Но авторизованные пользователи имеют возможность работать с выбранным видом на всех компьютерах - домашних, рабочих, мобильных. Поэтому авторизуемся, а потом щелкаем по ссылке "Настройка" ( рис. 1.1):
увеличить изображение
Рис. 1.1. Переход к настройкам поиска
Открывается страница, на которой мы изменим несколько переключателей. Выберем расширенное описание документа. Тогда выводимая аннотация страницы будет содержать больше слов. Из выпадающего списка "Размер" страницы выберем значение "50" - на странице поиска будет выводиться по 50 результатов. Повторение поисковой формы снизу удобно - не нужно крутить прокрутку для ввода другого поискового запроса. Дополнительно включим отображение статистики поисковых слов - на нее полезно смотреть при поиске. Нажимаем на кнопку "Сохранить и вернуться к поиску" ( рис. 1.2):
увеличить изображение
Рис. 1.2. Настройка поисковых параметров
Вернемся к поиску и выполним для примера запрос "Книги". Результаты поиска теперь выглядят в соответствии с нашими настройками ( рис. 1.3):
увеличить изображение
Рис. 1.3. Результаты настроенного поиска
Если такой вид по каким-либо причинам не устраивает, то всегда можно вернуться к настройкам по умолчанию. Для этого предназначена кнопка "Установить значения по умолчанию".
Форма расширенного поиска содержит довольно много полей, позволяющих составлять изощренные запросы. Однако почти все эти запросы могут быть сведены к использованию встроенного языка поисковых запросов Яндекса. Знание хотя бы основных команд этого языка позволяет очень быстро получать правильные результаты даже в самой лаконичной поисковой форме. Кроме того, постоянное их применение поможет лучше понимать саму концепцию поиска.
Представим себе большой магазин, в котором продаются яблоки. Посетители приходят и говорят "У вас есть какие-нибудь зимние яблоки?". Или "Какие у вас есть сорта сладких яблок?". Кто-то совсем не знает, чего хочет, поэтому говорит что-то вроде "Нужны вкусные яблАки". Продавец переспрашивает - "Вам нужны сладкие яблОки?". Покупателей, которые просто зашли за яблоками, но еще не знают точно, чего они хотят - большинство. Они определяют весьма примерно свои предпочтения, даже допуская в словах ошибки.
А теперь представим себе, что вы заходите в магазин и говорите - "Мне нужно 3 килограмма антоновки обыкновенной". Понятно, что в этом случае продавец моментально сориентируется и отпустит товар гораздо быстрее, чем если бы ему приходилось выяснять вкусы и предпочтения.
Перенесем эти представления в мир Интернета. Будем считать, что Яндекс - это продавец в магазине. Ему приходится работать с большинством посетителей, которые знают весьма примерно, какие яблоки они хотят. Поэтому обычная выдача результатов будет исправлять ошибки, изменять формы слова и вообще всячески помогать. Среднестатистического пользователя такая работа, которая наталкивает на нужный выбор, вполне устраивает. Но если вы говорите: "Мне нужно 3 килограмма антоновки обыкновенной", а в ответ получаете "Антоновки? А еще у нас есть белый налив. И боровинка. А еще из кисло-сладких сортов есть бессемянка новая", то все это начинает раздражать.
Как улучшить выдачу? Просто сказать Яндексу, что вы точно уверены в том, что знаете, что хотите. Что в запросе нет ни ошибок, ни опечаток.
Для этого достаточно заключить поисковый запрос в кавычки. Например "маленький книжка" ( рис. 1.4):
увеличить изображение
Рис. 1.4. Поиск по цитате
Несмотря на неправильное окончание прилагательного, Яндекс отобразил результаты именно в той форме, которая была нужна. Фактически, здесь мы видим поиск по точной фразе или цитате. Это очень и очень эффективный способ поиска, который позволяет быстро получать правильные результаты. Мы говорим Яндексу: "Да, я точно знаю, чего хочу, а нужно мне то-то и то-то".
Однако поиск по точной фразе находит слова, которые расположены рядом. Если же нужно найти по отдельности "маленький" и "книжка", то запрос должен выглядеть как !маленький !книжка ( рис. 1.5):
увеличить изображение
Рис. 1.5. Поиск по точной форме, но с близким расположением слов
Мы видим, что слова расположены достаточно близко, в точной форме, но не подряд.
Хорошо, но как быть, если мы тоже можем ошибаться? Скажем, нас интересуют все результаты "маленький книжка" и "маленькая книжка" и даже если есть "маленькое книжка"? Конструкция вида маленький & книжка позволяет находить слова в одном предложении с учетом их различных форм ( рис. 1.6):
увеличить изображение
Рис. 1.6. Поиск слов в одном предложении в разных формах
Если в документе - неважно, на каком расстоянии, должно еще присутствовать слово "цена", то данный запрос будет выглядеть так: маленький & книжка && цена ( рис. 1.7):
увеличить изображение
Рис. 1.7. Поиск слов "маленький", "книжка" в одном предложении в разных формах и со словом "цена" в одном документе
Все эти запросы нужно набирать самостоятельно в браузере. Желательно немного поупражняться, подбирая другие примеры.
Для начала введем несколько терминов, взятых из глоссария.
Расстояние между словами
Расстояние между словами a и b - это разница между номерами слов b и a. Таким образом, расстояние между соседними словами равно 1 (а не 0), а расстояние между соседними словами, стоящими "не в том порядке", равно -1.
Стоп-слова
В любом языке есть слова, которые встречаются намного чаще других. Слова, которые встречаются слишком часто, чтобы быть значимыми для поиска, называются стоп-словами. Как правило, это местоимения, предлоги и частицы. Поисковые машины обычно игнорируют стоп-слова, даже если они встречаются в тексте запроса.
Нормальная форма слова
Нормальной формой слова считается именительный падеж единственное число. Так, с точки зрения Яндекса, кот, коты, кота и т.д. - формы одного и того же слова, среди которых нормальной является форма кот.
А теперь начнем практическую работу. Для начала с помощью самого обычного запроса выясним, как называется самый популярный сайт ( рис. 1.8):
увеличить изображение
Рис. 1.8. Результаты обычного запроса "Самый популярный сайт"
А какие еще сайты бывают? Самый красивый сайт? Самый интересный сайт? Самый старый сайт? Введем такую конструкцию: самый /2 сайт ( рис. 1.9):
увеличить изображение
Рис. 1.9. Результаты запроса: самый /2 сайт
Мы видим, что в результатах есть "Самый посещаемый сайт", "Самый официальный сайт" и даже "Самый лучший сайт". Впрочем, всего нашлось 10 миллионов результатов - наверняка там перечислены все "самые" сайты.
Все дело в том, что /2 означает число, указывающее максимально допустимое расстояние между двумя любыми словами запроса. Мы здесь четко указали, что на втором месте после "самый" должно что-то быть, а потом уже "сайт". Такой запрос не найдет результатов вроде "самый посещаемый и интересный сайт", поскольку между словами "самый" и "сайт" должно стоять всего одно слово.
Для поиска синонимов используем запрос: машина | десятка | жигули | автомобиль ( рис. 1.10):
увеличить изображение
Рис. 1.10. Поиск синонимов
Обратите внимание на число ссылок - 479 миллионов! Когда вы проверите этот запрос, количество ссылок будет еще больше. Этот запрос здорово помогает, когда нужно искать ответы на вопросы на форумах и в блогах. Запрос "колесные диска на десятку | жигули | машину" набрать быстрее, чем три эквивалентных "колесные диски на десятку", "колесные диски на жигули", "колесные диски на машину".
Иногда, при поиске некоторых словосочетаний просто хочется избавиться от назойливого сопровождения. Например, запрос "электронные книги" почти всегда будет связан со ссылками на аудиокниги. Дело в том, что многие сайты предлагают для чтения, скачивания продажи и те и другие варианты. Избавиться от аудиокниг в выдаче очень легко - достаточно поставить две тильды перед ненужным словом - электронные книги ~~аудиокниги ( рис. 1.11):
увеличить изображение
Рис. 1.11. Поиск с исключением слова
Яндекс в этом случае подскажет, что из поиска исключены все документы, содержащие слово "аудиокниги".
Новые публикации, заметки и статьи быстро расползаются по сети. В блогах и форумах начинаются обсуждения, сопровождаемые ссылками на исходный материал. Для отслеживания таких очагов бурлений помогает очень простой прием - проверка адреса исходного ресурса в поисковой строке. Подставим адрес http://www.intuit.ru/department/internet/wwwua/ курса "Всемирная Сеть (WWW) - использование и приложения" в поисковую строку (не название курса!) ( рис. 1.12):
увеличить изображение
Рис. 1.12. Поиск по адресу ресурса
Первая ссылка ведет на официальный курс Интернет Университета Информационных Технологий. Ну а далее - регистрации в каталогах, обзоры и мнения на форумах.
Некоторое время назад Яндекс вообще предлагал открытый механизм просмотра всех ссылок, которые ведут на заданный сайт. Многочисленные SEO-оптимизаторы, использующие недобросовестные методы работы, активно стали применять механизм ссылок. Это приводило к замусориванию результатов выдачи и отображению совсем не тех результатов, которые соответствовали бы определению качественного сайта. Поэтому в настоящее время просмотр всех ссылок, ведущих на сайт, недоступен для публичного использования.
Для просмотра предложений по продаже компьютеров на сайтах украинской доменной зоны используем запрос вида Продажа компьютеров domain="ua" ( рис. 1.13):
увеличить изображение
Рис. 1.13. Поиск по заданной доменной зоне
Результаты содержат ссылки на сайты как доменов первого уровня, так и всех последующих, но оканчивающихся на "ua". Таким же образом формируются запросы для поиска по другим национальным доменам, а также в зонах "com", "org", "net" и т.д.
Многие сайты, содержащие большую базу страниц и документов, предлагают посетителям свои собственные поисковые формы. Проверить работу таких локальных поисков помогают запросы вида "видеокурс" " url="www.intuit.ru*" ( рис. 1.14):
увеличить изображение
Рис. 1.14. Поиск по заданному сайту
Здесь мы ищем по точной форме слово "видеокурс" на всех (отмечено звездочкой) страницах сайта http://www.intuit.ru. В полученных результатах переходим по ссылке "Еще с сайта" и видим то, что нужно ( рис. 1.15):
увеличить изображение
Рис. 1.15. Развернутые результаты поиска по сайту
Для тех сайтов, которые не содержат собственного поиска, рассмотренный запрос - единственный способ найти нужные документы.
Заголовок веб-страницы обычно содержит исчерпывающее название ее содержимого. Для поиска слова "учебник" в сочетании со связкой "по HTML", которая расположена в заголовке, используется запрос вида учебник " title[по HTML] ( рис. 1.16):
увеличить изображение
Рис. 1.16. Поиск по заголовку
Мы исключили слово "учебник" из заголовка для того, чтобы не отсечь возможные варианты, такие как "видеокурс по HTML" или "практическое пособие по HTML". Вместе с тем из результатов будут выброшены сообщения из форумов, которые в рамках одной большой темы с заголовком, скажем, "Обучение и Интернет" сообщения типа "Ищу учебник по HTML!!!".
Очень эффективна комбинация поиска в заголовке в сочетании с поиском по заданному сайту. Чтобы найти все страницы на сайте http://www.intuit.ru с заголовком, содержащим слово "видеокурс" используется такая конструкция: title[видеокурс] " url="www.intuit.ru*" ( рис. 1.17):
увеличить изображение
Рис. 1.17. Поиск по заголовку на заданном сайте
Мы видим, что результаты в этом случае более подходящие (релевантные), чем в случае поиска слова "видеокурс" на этом же сайте, для быстрого перехода собственно, к изучению курсов.
Каждый новый курс на сайте Интернет Университета Информационных Технологий получает свой уникальный раздел:
А еще есть курсы: http://www.intuit.ru/courses.html, видео: http://www.intuit.ru/video/, группы: http://www.intuit.ru/groups/catalog/ и так далее. А сколько всего таких разделов? Набираем простой запрос host="www.intuit.ru" и получаем ответ на этот вопрос ( рис. 1.18):
увеличить изображение
Рис. 1.18. Поиск разделов заданного сайта
Подобный поиск здорово помогает изучить структуру незнакомого сайта.
А как быть, если, наоборот, нужно найти домены верхних уровней? Например, Яндекс.Картинки расположены по адресу images.yandex.ru, Яндекс.Видео - video.yandex.ru, Яндекс.Фотки - fotki.yandex.ru. Сначала идет название сервиса, а потом домен yandex.ru. Для поиска всех поддоменов используется такой запрос rhost="ru.yandex.*" ( рис. 1.19):
увеличить изображение
Рис. 1.19. Поиск поддоменов заданного сайта
Мы записали в обратном порядке - "ru.yandex.*". Щелкаем по ссылке и видим все поддомены Яндекса, включая сервисы в первую очередь ( рис. 1.20):
увеличить изображение
Рис. 1.20. Развернутые результаты поиска поддоменов
Подобный поиск - еще один инструмент исследования сайтов.
Есть сайт http://www.intuit.ru, на которым мы сейчас находимся. А существуют ли сайты с похожими названиями доменных имен? Набираем rhost="ru.intuit*" и получаем ответ на наш вопрос ( рис. 1.21):
увеличить изображение
Рис. 1.21. Развернутые результаты поиска поддоменов
Этот вид поиска отличается от рассмотренного выше поиска по поддоменам всего одной точкой в запросе.
Для того чтобы найти документы заданного формата, например, файлы презентации Microsoft Power Point, достаточно перейти к форме расширенного поиска. Но более быстрый способ - написать соответствующие команды прямо в строке запроса. Поиск презентаций конференции "Интернет и бизнес" будет выглядеть так: "Интернет и бизнес" " (mime="ppt") ( рис. 1.22):
увеличить изображение
Рис. 1.22. Поиск по формату документов
Гиперссылки ведут уже на файлы презентаций, остается лишь их скачать и запустить. А запрос типа: Игры " (mime="swf") позволит найти множество игр и немного отвлечься от работы.
Поддерживаются следующие форматы: HTML, PDF (Adobe Portable Document Format), DOC (Microsoft Word), PPT (Microsoft PowerPoint), XLS (Microsoft Excel), RTF (Rich Text Format) и SWF (Macromedia Flash).
Несмотря на то, что Яндекс ориентирован на поиск по Рунету, он все же поддерживает обнаружение документов на английском, французском, немецком, украинском и белорусском языках. Для поиска видеоуроков на английском языке вводим следующий запрос: Video lesson " lang="en" ( рис. 1.23):
увеличить изображение
Рис. 1.23. Поиск документов на английском языке
Поддерживается поиск на русском (ru) (по умолчанию), украинском (uk), белорусском (be), английском (en), французском (fr) и немецком (de) языках.
Мы рассмотрели основные возможности языка поисковых запросов. Отдельные команды со временем могут меняться, поэтому полезно периодически заглядывать в официальный раздел помощи http://help.yandex.ru/search/.
Punto Switcher - это программа, которая позволяет забыть про переключение раскладок клавиатуры. Стоит один раз ее скачать (2.9 МБ.) и установить, чтобы отвыкнуть нажимать CTRL + SHIFT (или ALT + SHIFT ). Набор поискового запроса, содержащего русские и английские слова, сводится к непрерывному вводу собственно текста, без всяких вспомогательных клавиш - программа сама распознает язык ввода и переводит уже набранный текст в нужный формат ( рис. 1.24):
увеличить изображение
Рис. 1.24. Набор запроса с русскими и английскими словами
Конечно, функциональность Punto Switcher не ограничивается поиском в браузере - режим интеллектуального ввода становится доступным во всех приложениях операционной системы. Впрочем, иногда средства автоматической замены и переключения раскладок начинают мешать. Настройка правил переключения и даже программ-исключений позволит "научить" программу быть гибкой.
Кроме всех прочих своих достоинств, Punto Switcher знаменателен наличием встроенного кейлоггера, который предназначен для ведения дневника ( рис. 1.25):
увеличить изображение
Рис. 1.25. Настройки Punto Switcher. Включение дневника
По умолчанию он выключен, но стоит его включить и становятся нестрашными зависание любых программ, где вводится текст. Punto Switcher позволит извлечь уже набранный текст и восстановить его ( рис. 1.26):
увеличить изображение
Рис. 1.26. Дневник с набранными фразами в разных программах
Эту возможность программы следует учитывать, особенно при совместной работе за одним компьютером нескольких пользователей.
Поисковый колдунщик - это фирменные фишки Яндекса, когда по запросу, на который можно дать конкретный ответ, этот ответ отображается прямо над результатами ( рис. 1.27):
увеличить изображение
Рис. 1.27. Поисковый колдунщик на примере запроса "мой айпи"
Идея отображения наиболее релевантных результатов была реализована летом 2000 года, после подключения к поиску ленты новостей и базы товаров Интернет-магазинов. С тех пор поисковый колдунщик помогает по многим вопросам, причем чаще всего на такую помощь наталкиваешься совершенно внезапно.
Поисковая система - это инструмент, которым одновременно пользуются миллионы человек. Но вместе с тем, каждый пользователь остается один на один с поисковой строкой.
Как увидеть своих "коллег"? Что интересует сейчас людей прямо сейчас, в сию минуту? Как меняются вкусы и предпочтения в зависимости от региона и времени суток? Стоит ли продавать летние шины зимой, а зонтики - летом? Конечно, вся эта информация доступна для сотрудников компании Яндекс. Но как быть, если мы не входим в команду из 1500 человек?
Завесу обратной стороны в режиме реального времени открывают 20 последних запросов пользователей Яндекса ( рис. 1.28):
увеличить изображение
Рис. 1.28. Двадцать последних запросов пользователей Яндекса
Текущая информация структурируется в статистике запросов - по словам, регионам и месяцам ( рис. 1.29):
Лекция 2
В этой лекции мы научимся работать с Яндекс.Деньгами.
В 2109 году покупка товаров будет сводиться к следующему: кладем деньги в телепортатор, нажимаем на кнопку "Оплатить", открываем телепортатор, вынимаем доставленную покупку. Настоящий виртуальный магазин. Для того чтобы начать пользоваться сервисом, достаточно подождать всего сотню лет.
Хорошо, раз это пока невозможно, отчего же все-таки существуют электронные деньги? Кто-то увлеченно их накапливает, тратит и даже зарабатывает, а кто-то, особенно после пятничного десанта в обычный, настоящий гипермаркет, считает все эти электронные фантики полным бредом. Или занятием для каких-то секретных банков (как в фильме "Пароль рыба-меч") и хакеров. Или какой-то финансовой махинацией. Или даже детским развлечением, что-то вроде онлайн-игр. Наконец, есть один вопрос, на который очень сложно ответить - зачем нужны какие-то электронные деньги, когда в жизни можно приобрести, все что угодно - от газет до автомобиля за обычные бумажные банкноты?
Наша жизнь связана с множеством платежей, которые отнимают кучу времени. Пополнить баланс мобильного телефона. Заплатить за газ и электричество. Успеть забронировать и купить билет на самолет. Внести ежемесячный взнос по кредиту. Достать билеты в театр на премьеру. Купить страховой полис. Заплатить за Интернет. Множество мест, которые нужно найти, доехать до них или дойти, отстоять хоть небольшую, но очередь, достать деньги, получить сдачу.
Электронные деньги призваны облегчить выполнение этих рутинных платежей. Их идея очень проста - пользователь идет в банк, кладет деньги на свой электронный баланс, а затем дома, через Интернет, совершает все те платежи, отнимающие время в обычной жизни. Никаких очередей, ошибок и недоразумений - все быстро, четко и наглядно. Если нужно превратить электронные деньги в обычные - идем в тот же самый банк, получаем бумажные купюры. Для поддержания своей работы система электронных платежей взимает небольшой процент за переводы.
Пользователи могут переводить деньги друг другу, ну и конечно, делать покупки с доставкой на дом.
Нам нужно разобраться с тремя вопросами. Как вводить средства, то есть из бумажных денег получать электронные? Как тратить деньги в Интернете (самый приятный вопрос)? Как выводить средства, то есть из электронных денег получать бумажные?
Для того чтобы начать разбираться с Яндекс.Деньгами, можно попробовать совершать виртуальные покупки с помощью игрушечных денег, на специальном демо-сайте http://demomoney.yandex.ru/. Инструменты и средства в этом случае абсолютно такие же, как и в настоящих Яндекс.Деньгах. Но в этой лекции будем считать, что мы достаточно взрослые, чтобы попробовать работать с настоящими деньгами. Поэтому просто будем оперировать небольшими суммами, но настоящими деньгами.
У нас уже есть учетная запись на сервисах Яндекс, которую мы завели при открытии почтового ящика. Теперь мы идем на страницу Яндекс.Денег, нажимаем на ссылку "Войти", вводим адрес электронной почты и пароль ( рис. 2.1):
увеличить изображение
Рис. 2.1. Авторизация на сервисе Яндекс.Деньги
Нам нужно завести Яндекс.Деньги, для чего мы и переходим по одноименной ссылке ( рис. 2.2):
увеличить изображение
Рис. 2.2. Переход к заведению Яндекс.Денег
При открытии счета Яндекс.Денег нам нужно сделать паузу и вспомнить, какие данные связывают нас и Яндекс. Мы уже пользуемся электронной почтой, для которой у нас есть логин и пароль. С их помощью мы вообще сюда зашли. Но для совершения операций с деньгами придется сообщить дополнительные сведения - платежный пароль, кодовое число, дату рождения ( рис. 2.3):
увеличить изображение
Рис. 2.3. Анкета счета
Платежный пароль нам придется постоянно вводить при совершении всех платежей. Поэтому он должен быть с одной стороны, легким и удобным, а с другой стороны, достаточно надежным. Следуя рекомендациям, создадим пароль в виде русских слов, набранного в английской раскладке. Скажем, фраза "я_готов_платить" превращается в страшное "z_ujnjd_gkfnbnm". Кодовое число поможет восстановить пароль, поэтому к его придумыванию тоже нужно отнестись серьезно. Нажимаем на кнопку "Открыть счет в Яндекс.Деньгах" и оказываемся на странице "Регистрация успешно завершена" ( рис. 2.4):
увеличить изображение
Рис. 2.4. Страница завершения регистрации счета
Разумеется, сейчас на счету у нас 0 рублей. Нажимаем на ссылку "Начать работу" с Яндекс.Деньгами и переходим на главную страницу сервиса ( рис. 2.5):
увеличить изображение
Рис. 2.5. Главная страница Яндекс.Денег для авторизованных пользователей, которые завели счет
Обратим внимание, что для открывания счета Яндекс.Денег мы не заплатили никому ни копейки. В сети встречаются предложения мошенников, которые "помогают" открывать Яндекс.Деньги "со скидкой" или за плату - якобы для будущей работы. Повторим еще раз (для индексации Яндексом) - открытие счета Яндекс.Денег абсолютно бесплатная процедура, доступная всем пользователям Интернета. Запоминаем номер счета - это настоящий счет, на который можно класть деньги! Здесь мы получили номер 41001381134353, который принадлежит Яндекс.Кошельку.
Нам нужно положить деньги на счет нашего Яндекс.Кошелька, для чего мы переходим (см. рис. 2.5) по одноименной ссылке. Конечно, нас интересует предложения для своего города. Поэтому Яндекс подставляет название региона на основе ip- адреса. Сейчас я описываю действия для Воронежа, ну а вы будете проделывать последующие шаги, которые будут автоматически работать для ваших городов. Щелкаем по ссылке "Найти ближайший пункт" ( рис. 2.6):
увеличить изображение
Рис. 2.6. Поиск ближайшего пункта пополнения средств
Здесь отображается довольно много способов пополнения. Но мы выбираем Юнистрим и переходим по ссылке "Адреса" для подбора самого удобного расположения банка ( рис. 2.7):
увеличить изображение
Рис. 2.7. Переход к просмотру адресов Юнистрима
На этом месте нам придется взять бумажку, ручку и записать адрес ближайшего отделения. Впрочем, если распечатать страницу на принтере - тоже сработает ( рис. 2.8):
увеличить изображение
Рис. 2.8. Переход из виртуальной жизни к реальной
Теперь нужно выключить компьютер и лечь спать. Потому что банки ночью не работают. А утром берем паспорт, деньги, номер нашего счета и отправляемся на прогулку. Задача у нас примерно такая - реальный, физический "Я" должен отправить деньги своему виртуальному "Я". В этом нам поможет оператор банка - все, что нужно - это предоставить паспорт, номер счета Яндекс.Денег (его мы получили ранее) и сумму перевода. В результате заявление на перевод выглядит так ( рис. 2.9):
увеличить изображение
Рис. 2.9. Заявление на перевод. Превращение бумажных денег в электронные
Мы вносим небольшую сумму - всего двести рублей. Один процент от двухсот рублей составляет два рубля. Но по правилам системы Юнистрим комиссия не может быть меньше 50 рублей. Поэтому из этих 200 рублей придется вычесть сумму комиссии и в результате останется 150 рублей. Может показаться, что это невыгодно. Но в действительности - невыгодно класть небольшие деньги. Скажем, если бы мы положили на счет 5000 рублей, 1% от которых составляет всего 50 рублей, то и соответственно мы бы и заплатили 50 рублей за пополнение баланса. А вот за 6000 рублей придется заплатить 60 рублей. Все достаточно просто.
Через несколько минут происходит зачисление денег. Возвращаемся домой, проверяем баланс - теперь на нем есть деньги ( рис. 2.10):
увеличить изображение
Рис. 2.10. Баланс Яндекс.Денег после пополнения через систему Юнистрим
Продолжим знакомство с возможностями по внесению денег. Идем в раздел "Найти пункт пополнения", видим второй способ - с помощью сети магазинов "Эльдорадо". Прямо на сайте уточним адреса ( рис. 2.11):
увеличить изображение
Рис. 2.11. Пункты внесения денег. Переход к адресам Эльдорадо
Кроме адресов, мы также видим процент комиссии этих пунктов ( рис. 2.12):
увеличить изображение
Рис. 2.12. Адреса пунктов и проценты комиссии
В сети магазинов "Эльдорадо" продаются карты предоплаты Яндекс.Денег. Они очень похожи на обычные карты, которые продаются, скажем, для абонентов сотовой связи или для пользования Интернетом. Бывают карты номиналом 300, 500, 1000, 3000, 5000 и 10 000 рублей. Приобретение такой карты совершенно анонимно, что удобно - не нужно никуда нести свой паспорт ( рис. 2.13):
увеличить изображение
Рис. 2.13. Обмен бумажных денег на электронные
За получении карты Яндекс.Денег номиналом 500 рублей мы заплатили наличными 550 рублей. Эта комиссия соответствует обещанной на сайте (см. рис. 2.11). Займемся пополнением баланса. Вернувшись домой, заходим на сайте Яндекс.Денег и после авторизации нажимаем на ссылку "Активировать карту" ( рис. 2.14):
увеличить изображение
Рис. 2.14. Ссылка "Активировать карту"
Вводим платежный пароль - тот самый, который мы заводили при регистрации в Яндекс.Деньгах ( рис. 2.15):
увеличить изображение
Рис. 2.15. Ввод платежного пароля
Берем карточку Яндекс.Денег, стираем защитный слой монеткой, аккуратно вводим номер и пароль карты ( рис. 2.16):
увеличить изображение
Рис. 2.16. Ввод данных карты в веб-форму
Внешний вид веб-формы практически совпадает с оформлением карты оплаты, поэтому сомнений в том, какие цифры куда вводить здесь не возникнет. Деньги успешно добавлены на счет, нажимаем на кнопку "ОК" ( рис. 2.17):
увеличить изображение
Рис. 2.17. Подтверждение зачисления денег
Теперь на балансе у нас находится 650 рублей.
При выборе способов пополнения счета каждый пользователь системы начинает задумываться над вопросом - как платить возможно меньший процент комиссии? В идеале 100 бумажных рублей должны превращаться в 100 рублей Яндекс.Денег. В поисках самого выгодного для себя способа стоит обратить внимание на сервис "Деньги от А до Я", который позволяет зачислять деньги со счета в Альфа-Банке на счет Яндекс.Денег и обратно ( рис. 2.18):
увеличить изображение
Рис. 2.18. Схема работы сервиса "Деньги от А до Я"
Принцип работы ясен из предельно простой и понятной схемы. За перевод денег со счета из Альфа-Банка на Яндекс.Деньги не берут ничего, то есть комиссия составляет 0 процентов. За обратный перевод взимается комиссия в 2 процента. Правда, здесь придется разбираться с тем, как превращать бумажные деньги в счет Альфа-банка. В этом поможет официальный раздел http://alfabank.ru/retail/internet/work/ и конкретный ответ на вопрос "Как внести деньги на счет".
Существует множество способов превратить бумажные деньги в Яндекс.Деньги. Карты Альфа-банка, карты РБР, Интернет-банкинг, терминалы, банкоматы и т.д. Каждый выбирает способ, наиболее удобный для себя. Кого-то устраивает возможность анонимно покупать карты предоплаты Яндекс, расплачиваясь за это довольно высоким процентом комиссии. Другие предпочитают использовать систему Юнистрим, даже если для этого придется показывать свой паспорт. В этом случае 1% от суммы пополнения можно считать довольно приемлемым. Словом, вариантов много. Официальная справка http://money.yandex.ru/prepaid.xml поможет принять какое-либо решение. Единственное, что следует понимать, что та или иная плата за услуги все равно будет взиматься - это основа работы всех без исключения платежных системы. Задача сводится лишь к определению этого процента для себя, в каждом конкретном случае.
Общий баланс нашего счета составил 650 рублей. Совершим какой-нибудь платеж, который обретет осязаемую форму моментально, пусть это будет оплата мобильного телефона. С главной странице Яндекс.Денег переходим по ссылке оператора ( рис. 2.19):
увеличить изображение
Рис. 2.19. Баланс счета и ссылка на оплату мобильной связи
Открывается страница, на которой мы вводим номер телефона и оплачиваемую сумму ( рис. 2.20):
увеличить изображение
Рис. 2.20. Ввод данных платежа
Название подставляется автоматически, оно будет видно в общей истории всех платежей. Если их будет много, то стоит давать подробные, ясные названия, чтобы самим потом помнить, куда уходили деньги. После нажатия на кнопку "Заплатить" мы оказываемся на странице, где предстоит выбрать, какой из счетов будет применяться ( рис. 2.21):
увеличить изображение
Рис. 2.21. Выбор кошелька
Сейчас мы работаем с деньгами, заведенными на сайте, поэтому выбираем "Обычный Кошелек на сайте Яндекс.Денег" и нажимаем на кнопку "Заплатить". С работой программы Интернет.Кошелек мы познакомимся чуть позже. На странице подтверждения платежа вводим наш платежный пароль и нажимаем на кнопку "Платить" ( рис. 2.22):
увеличить изображение
Рис. 2.22. Ввод платежного пароля
Платеж успешно завершен - на телефон приходит СМС, а с баланса списывается эти сто рублей ( рис. 2.23):
увеличить изображение
Рис. 2.23. Успешное завершение платежа
Выполнять платежи чрезвычайно просто - выбираем товар или услугу, определяем количество или сумму, вводим платежный пароль.
Для того чтобы работать с Яндекс.Деньгами достаточно обладать доступом к сети - все сервисы находятся на сайте http://money.yandex.ru/, а пароли - в нашей памяти. Разумеется, пользоваться своими деньгами нужно на достаточно надежных компьютерах, на которых установлены антивирусные программы. При входе, скажем, с малознакомого Интернет-кафе, где установлены кейлоггеры, вполне можно потерять сначала свои пароли, а потом уже все деньги.
Если приходится работать с одного ноутбука, которые может быть где угодно - на работе, дома, в служебной командировке, то стоит попробовать Интернет.Кошелек. Это бесплатная программа, которая скачивается и устанавливается на компьютере ( рис. 2.24):
увеличить изображение
Рис. 2.24. Интернет.Кошелек
В этом случае мы получаем платежную программу, работающую на отдельно взятом компьютере. Конечно, подобно другим программам, мы можем устанавливать Интернет.Кошелек на нескольких компьютерах, но в этом случае все же удобнее пользоваться веб-интерфейсом.
Запускаем скачанный файл (около 3.6 МБ) и приступаем к установке нового кошелька ( рис. 2.25):
Рис. 2.25. Выбор способа установки
Далее читаем и принимаем условия традиционного лицензионного соглашения. В следующем шаге указываем директорию, где будет устанавливаться программа ( рис. 2.26):
Рис. 2.26. Выбор директории установки
Программка небольшая, поэтому она устанавливается за считанные секунды. Теперь нам предстоит заняться настройкой параметров ( рис. 2.27):
Рис. 2.27. Завершение установки. Начало настройки параметров
У нас уже есть счет Яндекс.Денег, которым мы пользовались на сайте. Теперь мы делаем его аналог, который будет работать с помощью программы. Номера счетов - кошелька на сайте и Интернет.Кошелька будут различными. Соответственно, будут различными и платежные пароли ( рис. 2.28):
Рис. 2.28. Создание платежного пароля Интернет.Кошелька
Это напоминает открытие счетов в обычных, оффлайновых банках. Если у нас есть счет, скажем, в банке А, то ничто нам не мешает открыть счет в банке Б, причем реквизиты этих счетов будут различными. С помощью Интернет.Кошелька нельзя управлять счетом Яндекс.Кошелька также как и с помощью Яндекс.Кошелька нельзя управлять счетом Интернет.Кошелька.
Помогаем электронной системе защищать наши данные, для чего в случайном порядке стучим по клавишам ( рис. 2.29):
Рис. 2.29. Генерация случайной последовательности
В шаге параметров счета просто подтверждаем предложенные значения, нажимая на кнопку "Далее" ( рис. 2.30):
Рис. 2.30. Параметры счета
Немного ждем - все должно сработать и для всех стадий отобразиться надпись "…ОК" ( рис. 2.31):
Рис. 2.31. Создание электронных ключей
Стоит ли задавать реальные данные пользователя, в том числе и паспортные? Мы имеем дело с Яндекс.Деньгами, которые могут быть зачислены анонимно - с помощью карт предоплаты. Таким образом допускается оплата многих услуг. Но если мы будем заказывать товары с доставкой на дом, выводить деньги с помощью систем переводов - рано или поздно придется указывать свои данные. Поэтому в настройках Интернет.Кошелька стоит ввести настоящие значения, сверив их со своим паспортом ( рис. 2.32):
Рис. 2.32. Ввод персональных данных
Данные отправляются через Интернет, а потом появляется отчет о проверке ( рис. 2.33):
Рис. 2.33. Отчет о проверке
Мы завершили настройку Интернет.Кошелька и получили еще один счет - 41001381139590 ( рис. 2.34):
Рис. 2.34. Завершение настройки Интернет.Кошелька
Главное окно программы содержит все действия для совершения платежей ( рис. 2.35):
Рис. 2.35. Главное окно программы
Прежде чем начать работать с деньгами, давайте настроим резервное копирование данных кошелька. Операционная система - это такая вещь, которая сегодня работает, а завтра может не работать. Чтобы не потерять при ее переустановке свой баланс, озадачимся созданием копии данных, которая позволит очень легко восстановить доступ к счету. В настройках нажимаем на ссылку "Резервное копирование" ( рис. 2.36):
Рис. 2.36. Резервное копирование
Открывается окно, в котором по умолчанию указан каталог C:\iWallet\Archive\Backups\. Он находится на системном диске. Изменим его, указав произвольную папку на другом диске ( рис. 2.37):
Рис. 2.37. Изменение пути каталога резервного копирования
Периодически стоит сохранять содержимое нового каталога, на любой съемный носитель - например, флешку.
Пользователи Яндекс.Денег могут осуществлять переводы друг другу. Для этого достаточно знать только номер счета, на который следует перевести деньги.
У нас сейчас есть два счета - на сайте, который содержит положительный баланс и на Интернет.Кошельке, который пока пустой. Рассмотрим перевод с первого счета на второй. Технически это и будет означать перевод денег внутри платежной системы. На главной странице щелкаем по ссылке "Перевести" ( рис. 2.38):
увеличить изображение
Рис. 2.38. Главная страница, ссылка "Перевести"
Появляется форма, в которой для перевода достаточно заполнить всего два поля - номер счета получателя и сумму перевода. Такие поля, как назначение платежа и название платежа позволяют упорядочить собственную историю операций. В поле "Сообщение для получателя" пишут короткий текст, который будет сопровождать платеж ( рис. 2.39):
увеличить изображение
Рис. 2.39. Формирование перевода
Сервис поддерживает защиту перевода кодом протекции совершенно бесплатно. Суть этой защиты сводится к следующем - если нет уверенности в том, что номера счета получателя верный, или вообще есть опасение, что за выполненные деньги будет что-то выполнено или отправлено, то стоит воспользоваться опцией "Защитить перевод". В этом случае системой автоматически создается четырехзначный код. Получатель видит, что ему пришли деньги, но он не может ими воспользоваться, пока не введет код проекции. После урегулирования вопроса - скажем, выполнения обещаний или доставки товара, отправитель сообщает получателю код. Получатель, в свою очередь активирует перевод - сумма поступает на баланс. Дополнительно, задается срок действия кода. Если получатель трижды вводит неверный код протекции или истекает срок действия кода, то деньги возвращаются отправителю.
Мы продолжаем работу без кода проекции. Заметим, что при отправке 100 рублей на счет получателя будет доставлено 99.5 рублей. Комиссия Яндекс.Денег составляет 0.5%. На странице подтверждения платежа вводим свой платежный пароль и нажимаем на кнопку "Платить" ( рис. 2.40):
увеличить изображение
Рис. 2.40. Ввод платежного пароля при переводе денег
Задача отправителя выполнена - перевод успешно завершен, а со счета снято 100 рублей ( рис. 2.41):
увеличить изображение
Рис. 2.41. Баланс счета после завершения перевода
Переходим в окно Интернет.Кошелька - на балансе появились деньги! В разделе "Информация" щелкаем по ссылке "Просмотреть детальную информацию" ( рис. 2.42):
Рис. 2.42. Баланс Интернет.Кошелька
Открывается окно с детальной информацией, которая содержит данные отправителя ( рис. 2.43):
увеличить изображение
Рис. 2.43. Информация об отправителе.
Обратим внимание на сообщение "Статус профиля: Профиль проверен". Кем был проверен профиль? Дело в том, что при пополнении баланса через систему Юнистрим оператор банка ввел все паспортные данные. Следовательно, данные счета были проверены - это и отображается в текущем профиле. А вот профиль Интернет.Кошелька пока никем не проверен.
В текущем окне переходим в раздел "Входящие платежи" - пока здесь отображается всего одна запись, щелкнув по которой видим название платежа и его реквизиты ( рис. 2.44):
увеличить изображение
Рис. 2.44. Реквизиты платежа
Переходим на вкладку "Контракт" и видим сообщение, которое написал отправитель ( рис. 2.45):
Рис. 2.45. Сообщение платежа
Таким образом, мы видим все данные пользователя, который прислал нам эти 100 рублей.
Совершение платежей с Интернет.Кошелька осуществляется на тех же самых условиях, что и для Яндекс.Кошелька. Пополним еще раз баланс мобильного телефона - чтобы сравнить проведения платежей. Для начала работы переходим по ссылке "Торговый ряд" ( рис. 2.46):
Рис. 2.46. Переход к "Торговому ряду"
В браузере открывается страница всех платежных сервисов, мы переходим в раздел "Мобильная связь' ( рис. 2.47):
увеличить изображение
Рис. 2.47. Все платежные сервисы
Здесь мы выбираем оператора сотовой связи ( рис. 2.48):
увеличить изображение
Рис. 2.48. Выбор мобильного оператора
На странице ввода данных указываем номер телефона и сумму платежа - 99.5 рублей ( рис. 2.49):
увеличить изображение
Рис. 2.49. Ввод данных платежа
На странице выбора кошелька теперь указываем именно программу "Интернет.Кошелек" ( рис. 2.50):
увеличить изображение
Рис. 2.50. Выбор кошелька для оплаты
Естественно, сама программа Интернет.Кошелек должна быть запущена в это время. В ней появляется диалоговое окно, содержащее реквизиты платежа. Если все данные правильные, то нажимаем на кнопку "Платить" ( рис. 2.51):
Рис. 2.51. Принятие платежа в Интернет.Кошельке
Деньги моментально списываются, а баланс телефона пополняется на 99.5 рублей ( рис. 2.52):
Рис. 2.52. Завершение платежа
Мы видим, что работа с Интернет.Кошельком отличается незначительным образом от работы с Яндекс.Кошельком.
Тратить электронные деньги легко, гораздо легче, чем обычные бумажные. В самом деле, психологически мы с ними расстаемся в банке, когда пополняем баланс Яндекс.Денег. Ну а далее начинается чудеса - несколько щелчков мыши - и на мобильном телефоне появились деньги. Еще несколько щелчков и в этом месяце не нужно платить за Интернет. Пара щелчков, ввод платежного пароля и все коммунальные услуги уплачены.
Именно здесь нужно остановиться и сказать себе "стоп". Яндекс.Деньги - это не волшебный кошелек в Интернете, а всего лишь еще одна форма хранения самых обычных денег. От формы хранения не зависит их время зарабатывания - появления новых денег, в том числе и Яндекс.Денег, зависит только от нас самих.
Твердо осознав это, переходим во все магазины сразу ( рис. 2.53):
увеличить изображение
Рис. 2.53. Все магазины, где принимаются Яндекс.Деньги
Не только всякие электронные вещи, вроде услуг связи и хостинга, но и вполне традиционные цветы и подарки, одежда и обувь, книги и диски ждут своих покупателей. Конечно, в сети найдется множество сайтов, которые принимают Яндекс.Деньги. Но на этой странице собраны сервисы, в которых представлена самая удобная, самая быстрая и надежная оплата. Здесь не стоит опасаться потерять свои деньги в результате какого-нибудь мошенничества.
Отдельного обращения внимания заслуживает возможность приобретения билетов на поезда и самолеты. Никаких очередей и недоразумений - все быстро и прямо на сайте ( рис. 2.54):
увеличить изображение
Рис. 2.54. Раздел "Транспорт и путешествия"
Постепенно удастся определить те сервисы, которые удобно оплачивать через Интернет. Все магазины Яндекс.Денег помогут в этом.
Яндекс.Деньги могут накапливаться, если вы работаете фрилансером. Или вы положили слишком много денег на счет, а потом возникла задача вывести их - снова получить бумажные деньги в реальном мире.
Лучший способ вывести деньги - это найти человека, которому, наоборот, нужны Яндекс.Деньги. Вы отправляете ему деньги с кодом протекции, после чего встречаетесь в городе, получаете наличные и сообщаете код протекции. Городские доски объявлений и форумы позволят найти несколько человек, которым регулярно нужные электронные деньги. В результате все довольны, а для вас комиссия по превращению равна комиссии по переводу - всего 0,5 процента.
Впрочем, если нужно вывести деньги срочно и сейчас, а искать некого не хочется, то придется воспользоваться встроенными средствами. Идем на главную страницу Яндекс.Денег, щелкаем по ссылке "Вывести из системы" ( рис. 2.55):
увеличить изображение
Рис. 2.55. Ссылка "Вывести из системы"
Открывается страница, на которой указаны четыре способа вывести деньги из системы. Воспользуемся переводом через платежную систему CONTACT ( рис. 2.56):
увеличить изображение
Рис. 2.56. Вывод Яндекс.Денег
Задача очень проста - виртуальный "Я" отправляет деньги своему реальному "Я". Впрочем, получателем может быть кто угодно ( рис. 2.57):
увеличить изображение
Рис. 2.57. Заполнение формы отправки
Обратим внимание на сумму, которую мы собираемся выводить. Выводим 300 рублей, по правилам системы CONTACT комиссия составляет 1.5%, но не менее 60 рублей. Значит, на выходе получится 300-60 = 240 рублей. Комиссия системы Яндекс.Деньги составляет 3%, от 300 рублей это будет 9 рублей. Значит, окончательная сумма выплаты составит 240 - 9 = 231 рубль. Это значение указывается в форме отправки. Суммарная величина комиссии может показаться довольно большой, но, опять-таки, мы просто работаем с очень маленькими суммами. Скажем, если бы мы выводили 4000 рублей, то комиссия CONTACT составила бы те же 60 рублей. Словом, выводить большие суммы - выгодно.
Ну а дальше нажимаем на кнопку "Перевести деньги", получаем контрольный номер платежа и идем в реальный банк, адрес которого мы сами и выбрали.
Мы рассмотрели основные операции с Яндекс.Деньгами. Полезно периодически заглядывать в официальную помощь, где размещена вся информация по этой системе.
Лекция 3
В один прекрасный день вы решаете сделать сайт. Это решение приходит внезапно, а может, постепенно. Но оно совершенно однозначно - вам нужен сайт. Поспрашивав друзей и знакомых, поискав в Интернете, постепенно вырисовывается перечень понятий, нужных для этого:
Приводимые цены - всего лишь примерный ориентир и не реклама конкретной компании. Просто не хочется оперировать некими аморфными среднестатистически-условными-корректными ценами, при условии, что они уже остаются неизменными уже несколько лет. Опять-таки, если поискать Яндексом, то найдется множество предложений, как регистрации доменного имени, так и выбора хостинга. Словом, это такая же услуга, как и многие другие, здесь нет какой-то монополии. Кстати, хостинг - это такая услуга, которая может продаваться в противоположной точке земного шара. Переключившись на английский язык, вполне стоит посмотреть предложения американских или европейских хостеров. Если, конечно, предложения Рунета оказываются неподходящими.
Иногда нужно помнить - что дизайн это еще далеко не все. Самое главное - это цели и задачи сайта. Библиотека Lib.Ru вообще не содержит никакого дизайна, а тексты на ней выложены в самом обычном текстовом формате. Этот аскетизм не мешает получать сайту премии Рунета, гранты, а также быть ресурсом с очень и очень высокой посещаемостью.
В рассмотренной картине мы упускаем из виду еще нескольких специалистов. На самом деле, картинку, которую нарисует дизайнер, превращать в макет сайта будет верстальщик, а не программист. Кроме того, верстальщик будет заниматься размещением всей информации на сайте. Придумывать и писать эту информацию будет контент-менеджер. Наконец, управлять всем этим хозяйством будет менеджер проектов. И это схема для небольшого сайта, а для серьезных проектов увеличивается число перечисленных специалистов и добавляется еще куча новых - от фотографа до арт-директора.
Для нас это означает - всем нужно платить, платить, платить.
Хорошо, это не проблема для компании, которой нужен сайт. Выделяется определенный бюджет, реализуется задача - без вникания в то, сколько специалистов для этого нужно и кто из них чем будет заниматься. Есть задача - есть средства - получаем результат. От величины бюджета зависит, будет ли это бюджетный ;-) сайт или роскошный шедевр, сделанный лучшими мастерами отрасли.
А как быть всем, кто просто хочет сделать свой сайт? Кто начинает знакомиться со всем этим сайтостроением, изучает HTML и CSS? Кто не знает, как делать сайты, но просто хочет поведать всему миру о своем хобби? Получить персональную площадку, где будет виртуальное представительство человека? Быстро получить сайт, который будет посвящен одному событию, месту или явлению? Перечитав все то, что написано выше, а также сложив все цены, очевидно, для себя, для хобби, не захочется делать никакого сайта.
Но есть простой и совершенно бесплатный выход, который называется Яндекс.Народ. Сервис позволяет получить совершенно бесплатно: доменное имя типа mysite.narod.ru, хостинг, определенный набор шаблонов дизайна, систему управления сайтом.
Итак, мы будем рассматривать способ, как бесплатно получить свой собственный сайт. Первое, что стоит сделать, это найти сайты конкурентов и выяснить, не будет ли создаваемый сайт стотысячным клоном, абсолютно идентичным и глубоко вторичным. Мы будем рассматривать создание что-то вроде краеведческой площадки, где будут размещаться фотографии Воронежа. Набираем в Яндексе "фотографии Воронежа" и смотрим результаты ( рис. 3.1):
увеличить изображение
Рис. 3.1. Результаты поиска по запросу "фотографии Воронежа"
Заметим, что на первом месте находятся результаты сайтов, размещенные именно на Народ.Ру. Это, конечно, не правило, но совпадение, которое говорит от том, что энтузиасты сделали настолько хорошие сайты, что они попали в топ результатов.
Внимательно изучив уже сделанные сайты, сформулируем ряд целей для своего сайта:
Если мы реализуем эти цели, то сайт будет отличаться от других, а значит, будет представлять определенную ценность. Приступим к созданию сайта. После авторизации на любом из сервисов Яндекса переходим по ссылке "Народ" и… оказывается, у нас уже есть страница вроде chkariev.narod.ru ( рис. 3.2):
увеличить изображение
Рис. 3.2. Переход к сервису "Народ" после авторизации
Это значит, что для получения доменного имени mysite.narod.ru достаточно зарегистрировать адрес электронной почты mysite@yandex.ru. Тогда идем на страницу почты, регистрируем ящик v-rn@yandex.ru и переходим к его настройкам. В поле "Ваше имя" укажем "Администрация V-rn.Narod.Ru", а для того чтобы домены сайта и почты совпадали, переключим отправку письма по умолчанию с ящика @narod.ru ( рис. 3.3):
увеличить изображение
Рис. 3.3. Настройки почтового ящика
Возвращаемся по ссылке "Народ" и нажимаем на кнопку "Создать" для перехода к созданию главной страницы сайта ( рис. 3.4):
Рис. 3.4. Создание сайта
Мы оказываемся в мастерской - административной части сайта. Это и есть та система управления сайтом, которую нужно было бы заказывать у специалистов для сайта, создаваемого с нуля. Нам нужно что-нибудь разместить на главной странице. Для этого щелкаем по соответствующей ссылке ( рис. 3.5):
увеличить изображение
Рис. 3.5. Переход по ссылке "Главная страница" в мастерской
Здесь нам предстоит выбрать один из готовых шаблонов дизайна. Мы остановимся на самом сложном - когда все придется проделывать самостоятельно ( рис. 3.6):
увеличить изображение
Рис. 3.6. Выбор шаблона дизайна
Открывается страница, на которой предлагается задать внешний вид всех элементов страницы - фоновый цвет, фоновое изображение, размер шрифта, логотип в виде изображение. Ограничимся вводом заголовка ( рис. 3.7):
увеличить изображение
Рис. 3.7. Формирование главной страницы. Ввод краткого заголовка
Прокручиваем страницу настроек - далее вводим общую информацию ( рис. 3.8):
увеличить изображение
Рис. 3.8. Формирование главной страницы. Ввод общей информации
Вообще, пока мы разбираемся со всеми этими настройками, лучше всего смелее относиться к цветам, шрифтам, изображениям - если что-то пойдет не так или будет не смотреться, то все можно будет вернуть назад. Конечно, финальное оформление страницы должно быть разумным. Красные буквы, выделенные полужирным шрифтом, на синем фоне выглядят ужасно.
При нашем аскетичном оформлении готовая страничка будет довольно простой ( рис. 3.9):
увеличить изображение
Рис. 3.9. Готовая заглавная страница
Рекламный миниблок в верхнем левом углу браузера - это своеобразная плата за использование сервиса. Посетитель страницы видит его некоторое время, а потом он сворачивается. Впрочем, если нажать на кнопку с изображением треугольника, то эффект будет тот же. После сворачивания миниблок может быть вообще закрыт. По правилам сервиса на сайте должен присутствовать либо этот миниблок, либо обычный рекламный баннер Яндекса размером 468*60.
Вот и мы получили свое представительство в сети, не используя ровным счетом никаких инструментов веб-дизайнера или программиста. На этом шаге останавливаются многие пользователи сервиса. Вернувшись к шаблонам оформления и выбрав наиболее подходящий, они завершают свою работу. Но есть способ выйти за границы имеющихся дизайнов, создать свою уникальную страничку, управлять всем ее содержимым совершенно произвольным образом. Для этого нужно хотя бы немного освоить HTML и CSS. Далее мы будем рассматривать создание нашего сайта, полагая, что нам знакомы эти понятия.
Вспоминаем, что на создаваемом сайте будут выложены фотографии. Сейчас на локальном компьютере есть папка, в которую помещены оригинальные фотографии. Их довольно много - больше 50. Для размещения их на сайте нужно уменьшить их размер, а также выбрать сохранения в формате для Интернета. Удобнее всего это сделать в программе Adobe Photoshop, используя пакетную обработку изображений. В результате получаем две папки - "images_full" с оригинальными снимками и "images", содержащую уменьшенные и оптимизированные изображения ( рис. 3.10):
увеличить изображение
Рис. 3.10. Две папки с изображениями
Лучше всего всем снимкам давать осмысленные названия. Далее мы будем размещать материалы всего сайта через FTP. Есть определенные правила, касающиеся названий файлов и их размеров:
Имена файлов, закачиваемых по FTP, могут содержать только буквы латинского алфавита, цифры и символы . (точка) и _ (подчеркивание). Имя файла не должно начинаться с точки.
Размер одного файла не должен превышать 5 МБ.
Поэтому будем изначально внимательны - еще на стадии подготовки фотографий. Например, если вы захотите в операционной системе Windows Vista переименовать сразу множество файлов, выделив их и введя название для одного, например, "kotenok", то полученная серия "kotenok-(2)", "kotenok-(3)" и т.д. будет содержать неподходящие названия. Придется или называть их в ручную, или использовать другие программы, например, Total Commander.
Для верстки веб-страниц удобнее всего использовать Adobe Dreamweaver. Этот комбайн для веб-мастеров генерирует хороший код при использовании визуальных средств и позволяет значительно ускорить работу ( рис. 3.11):
увеличить изображение
Рис. 3.11. Верстка страниц сайта в Adobe Dreamweaver CS4
Кодировка страниц должна быть Windows-1251. При этом не надо указывать тег charset. Нам придется поступить так - в программе Dreamweaver выбрать кодировку Windows-1251, после чего на странице появится следующая строка:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
А потом мы просто удаляем тег charset:
<meta http-equiv="Content-Type" content="text/html" />
Дело в том, что сервер Народ.Ру способен перекодировать страницу, отдавая ее пользователю. По умолчанию все работает с кодировкой windows-1251, но если браузер посетителя сайта не поддерживает ее, то сервер позаботится о предоставлении страницы в нужном виде.
Все страницы, которые получились в результате работы, доступны на сайте http://v-rn.narod.ru. Дело в том, что к моменту написания этой Лекции у меня получился готовый сайт, последовательные шаги которого мы сейчас и рассматриваем. Все страницы содержат предельно простой HTML-код, вот пример одной из страниц:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html" />
<title>Парк Авиастроителей </title>
<meta name="keywords" content="Парк Авиастроителей, Воронеж, Фотографии парка Авиастроителей в Воронеже,
деревенные фигуры, деревянная скульптура." />
<meta name="description" content="Фотографии деревянных скульптур воронежского
парка Авиастроителей в высоком разрешении." />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="content">
Парк Авиастроителей - небольшой и уютный парк, в котором понадобилось однажды спилить старые деревья.
Ничего необычного, стандартная задача.
<p><a href="images_full/park13.jpg"><img src="../files/35/images/park13.jpg" width="806" height="1075" border="0px"/></a>
</p>
<p>Но как были спилены эти деревья! Теперь пеньки - немного доработанные скульпторами,
стали совершенно самостоятельными украшениями парка.</p>
<p><a href="images_full/park14.jpg"><img src="../files/35/images/park14.jpg" width="806" height="1075" border="0px"/></a></p>
<p>Их много и они разные. Сова и панда, который залез на дерево.</p>
<p><a href="images_full/muzey15.jpg"><img src="../files/35/images/park15.jpg" width="1075" height="806" border="0px"/></a></p>
<p><a href="images_full/park10.jpg"><img src="../files/35/images/park10.jpg" width="806" height="1075" border="0px"/></a></p>
<p>И панда, и дерево представляют собой один ствол.</p>
<p><a href="images_full/park11.JPG"><img src="../files/35/images/park11.jpg" width="1075" height="806" border="0px"/></a></p>
<p><a href="images_full/park12.jpg"><img src="../files/35/images/park12.jpg" width="806" height="1075" /></a></p>
<p>Небольшие пеньки.</p>
<p><a href="images_full/park16.JPG"><img src="../files/35/images/park16.jpg" width="1075" height="806" border="0px"/></a></p>
<p>И большие.</p>
<p><a href="images_full/park17.jpg"><img src="../files/35/images/park17.jpg" width="806" height="1075" border="0px"/></a></p>
<p>Знакомые персонажы знакомых сказок.</p>
<p><a href="images_full/park18.jpg"><img src="../files/35/images/park18.jpg" width="806" height="1075" border="0px"/></a></p>
<p><a href="images_full/park19.jpg"><img src="../files/35/images/park19.jpg" width="806" height="1075" border="0px"/></a></p>
<p><a href="images_full/park.JPG"><img src="../files/35/images/park.jpg" width="1075" height="806" /></a></p>
<p><a href="images_full/park3.JPG"><img src="../files/35/images/park3.jpg" width="1075" height="806" border="0px"/></a></p>
<p><a href="images_full/park8.jpg"><img src="../files/35/images/park8.jpg" width="806" height="1075" border="0px"/></a></p>
<p><a href="images_full/park7.jpg"><img src="../files/35/images/park7.jpg" width="806" height="1075" border="0px"/></a></p>
<p><a href="images_full/park2.jpg"><img src="../files/35/images/park2.jpg" width="806" height="1075" border="0px"/></a></p>
<p><a href="images_full/park4.JPG"><img src="../files/35/images/park4.jpg" width="1075" height="806" border="0px"/></a></p>
<p><a href="images_full/park5.jpg"><img src="../files/35/images/park5.jpg" width="806" height="1075" border="0px"/></a></p>
<p><a href="images_full/park6.JPG"><img src="../files/35/images/park6.jpg" width="1075" height="806" border="0px"/></a></p>
<p><a href="images_full/park9.jpg"><img src="../files/35/images/park9.jpg" width="806" height="1075" border="0px"/></a></p>
<p>Более подробную информацию о парке Авиастроителей можно найти в Базе Знаний Черноземья <a
href="http://www.chernozemye.ru/index.php5/Парк_Авиастроителей">http://www.chernozemye.ru/index.php5/Парк_Авиастроителей</a></p>
<p><a href="index.html">На главную</a></p>
</div>
</body>
</html>
Сейчас на нашем локальном компьютере, в папке лежат все материалы сайта ( рис. 3.12):
увеличить изображение
Рис. 3.12. Материалы сайта
Теперь перед нами возникает задача - переслать эти материалы на удаленный сервер.
Для того чтобы узнать, как загрузить сайт, в мастерской переходим по ссылке "Доступ к файлам по FTP" ( рис. 3.13):
увеличить изображение
Рис. 3.13. Мастерская сайта, доступ к файлам по FTP
Здесь нас ждет не какой-то специализированный инструментарий, а обычный раздел справки, так что если мы вообще не знаем, что такое FTP, то начнем с самого начала:
Для чего нужен FTP?
FTP расшифровывается как File Transfer Protocol (протокол передачи файлов). Основное назначение FTP - пересылать (копировать, передавать) файлы в Интернете (с удаленного компьютера на локальный и наоборот). Кроме того, при помощи FTP можно работать со своими файлами прямо на удаленном компьютере (переименовывать их, удалять, создавать каталоги и т.п.).
Чтобы воспользоваться протоколом FTP, понадобится специальная программа, так называемый FTP-клиент. FTP-клиентом может служить интернет-браузер (MS Internet Explorer, Netscape Navigator), программа управления файлами FAR, специализированная программа CuteFTP и другие. FTP-клиент встроен также в некоторые HTML-редакторы, такие как HomeSite, Dreamweaver или FrontPage.
Как подключиться к Народ.Ру по FTP?
В командной строке браузера или программы FAR нужно набрать следующее: ftp://ваш_логин_в_Яндекс-Паспорте:ваш_пароль@ftp.narod.ru
Например, если ваш логин в Яндекс-Паспорте - myname, а пароль к нему - 12345, то строка должна быть такой: ftp://myname:12345@ftp.narod.ru. Когда соединение будет установлено, в окне браузера появится список файлов вашего сайта.
Основные инструкции получены, а дальше придется действовать самостоятельно. Идем на сайт http://wincmd.ru/ скачиваем и устанавливаем пробную версию программы Total Commander. В главном меню программы выбираем пункт "Сеть \ Новое FTP-соединение" ( рис. 3.14):
увеличить изображение
Рис. 3.14. Программа Total Commander, создание нового FTP-соединения
Появляется диалоговое окно, в котором в соответствии с инструкциями вводим одной строкой логин и пароль ( рис. 3.15):
Рис. 3.15. FTP-соединение
В строке ftp://v-rn:12345@ftp.narod.ru логином является v-rn, а паролем 12345. После ввода этих данных появляется окно, в котором отображается процесс подключения к серверу ( рис. 3.16):
Рис. 3.16. Подключение к серверу
Несколько секунд - и в половине окна Total Commander отображается содержимого папки сайта, расположенной на сервере. Сейчас там всего одна страница - index.html. В другой половине окна выбираем директорию, где сейчас лежат файлы сайта на локальном компьютере, затем выделяем их всех, а потом нажимаем на клавишу F5 ( рис. 3.17):
увеличить изображение
Рис. 3.17. Выделение и копирование материалов
Появляется диалоговое окно, в котором просто нажимаем на кнопку ОК ( рис. 3.18):
Рис. 3.18. Выбор способа закачки файлов
При таком способе закачки мы не сможем работать с программой Total Commander, пока все файлы не будут отправлены на сервер. Если это не устраивает, то отмеченная галочка "Закачать в фоновом режиме" позволит качать параллельно с использованием интерфейса.
Процесс пошел - теперь все зависит от нашей скорости Интернета ( рис. 3.19):
Рис. 3.19. Загрузка файлов
Спустя некоторое время возникает ошибка ( рис. 3.20):
увеличить изображение
Рис. 3.20. Ошибка при загрузке файлов по FTP
Подключаемся снова и опять возникает ошибка. Дело в том, что мы полностью заполнили место для нашего сайта на сервер и больше просто некуда загружать файлы.
По умолчанию, для каждого нового сайта резервируется 100 МБ хостинга. Это значение можно увеличить, но не сразу, а только когда остается менее 10 МБ свободного места. Оцениваем, какой общий размер у наших файлов сайта, которые мы загружали ( рис. 3.21):
увеличить изображение
Рис. 3.21. Общий размер файлов
Очевидно, что 198 МБ никак не могут поместиться на месте 100 МБ. Поэтому придется заняться увеличением хостинга. В мастерской переходим по ссылке "Увеличить место под сайт" ( рис. 3.22):
увеличить изображение
Рис. 3.22. Мастерская, ссылка "Увеличить место под сайт"
Осталось свободно минус 1 МБ (т.е. мы заняли почти 101 МБ), нажимаем на ссылку "Добавить еще 100 МБ" ( рис. 3.23):
увеличить изображение
Рис. 3.23. Добавление еще 100 МБ
Пространство сайта увеличилось до 200 МБ, возвращаемся по ссылке в Мастерскую ( рис. 3.24):
увеличить изображение
Рис. 3.24. Успешное увеличение размера для сайта
В программе Total Commander отключаемся от FTP, а затем снова подключаемся. Теперь у нас возникла ситуация, когда файлы копировались, но произошла ошибка. Не хотелось бы снова загружать те файлы, которые уже есть на сервере. Для этого снова выделяем все файлы, нажимаем клавишу F5, а когда Total Commander обнаружит уже существующие файлы и предложит их заменить, просто нажмем на кнопку "Пропустить все" ( рис. 3.25):
увеличить изображение
Рис. 3.25. Программа Total Commander, повторная загрузка с пропусканием уже имеющихся файлов
При повторном копировании более удобно выбрать закачку в фоновом режиме (см. рис. 3.18). Так мы будем видеть, какие файлы отправляются на сервер, сколько еще их осталось, а также при необходимости сможем выставить ограничение для скорости загрузки ( рис. 3.26):
увеличить изображение
Рис. 3.26. Total Commander. Загрузка файлов в фоновом режиме
С учетом того, что у нас 198 МБ файлов сайта, а увеличили мы пространство до 200, после загрузки еще раз увеличим размер под сайт ( рис. 3.27):
увеличить изображение
Рис. 3.27. Увеличение размер пространства до 300 МБ
Таким образом, сервис позволяет увеличивать размер сайта неограниченное число раз. Только пользоваться этой возможность допускается тогда, когда действительно заканчивается место.
Первая версия нашего сайта готова. Сразу после загрузки файлов сайт http://v-rn.narod.ru/ ждет посетителей со всего Интернета.
Просматривая страницы созданного сайта, замечаем досадную опечатку ( рис. 3.28):
увеличить изображение
Рис. 3.28. Опечатка на странице сайта
Хочется тут же ее исправить. Это можно сделать несколькими способами. Например, открыть страницу на локальном компьютере в программе Adobe Dreamweaver1Заметим, что в самой программе Adobe Dreamweaver поддерживается работа по FTP. Подробную инструкцию см.здесь: http://narod.yandex.ru/help/09.yhtml , отредактировать ее, а затем с помощью Total Commander повторно загрузить на сервер, заменив при этом существующую страницу. В принципе, так и нужно поступать, когда изменения носят значительный характер. Но нам сейчас нужно исправить всего одну букву! Поэтому обойдемся встроенными средствами. В Мастерской переходим по ссылке "Управление файлами и HTML-редактор" ( рис. 3.29):
увеличить изображение
Рис. 3.29. Мастерская, переход к управлению файлами
Открывается страница, на которой представлены все содержимое нашего сайта. Замечаем ссылки "Создать HTML-файл", "Загрузить файлы" и т.д. Но мы нажимаем на кнопку с иконкой карандаша возле файла "kotenok_s_ulici_lizyukova.html" ( рис. 3.30):
увеличить изображение
Рис. 3.30. Мастерская. Управление файлами
В отдельном окне открывается HTML-код выбранной страницы. Нам остается только исправить опечатку и нажать на кнопку "Сохранить" ( рис. 3.31):
увеличить изображение
Рис. 3.31. Редактирование страницы сайта
Изменения немедленно будут отображаться на сайте. Просматривая другие страницы сайта и обнаруживая опечатки, точно таким же образом будем редактировать страницы.
Переходим к реализации второй части нашей задачи - внедрению динамических Яндекс.Карт на страницах сайта с метками, на которых будут отмечаться места, где были сделаны фотографии. Идем в Мастерскую, в разделе "Кирпичики" переходим по ссылке "Яндекс.Карты" ( рис. 3.32):
увеличить изображение
Рис. 3.32. Мастерская, переход к Яндекс.Картам, которые тоже входят в кирпичики сайта
Мы оказываемся на странице справки, откуда узнаем, что "API Яндекс.Карт - это инструментарий, позволяющий встраивать карты Яндекса на ваш сайт". После этого переходим к специальному сайту, а с него уже к разделу http://api.yandex.ru/maps/. Для встраивания карт нам будет нужно получить уникальный электронный ключ ( рис. 3.33):
увеличить изображение
Рис. 3.33. Ссылка на получения API-ключа
Это совершенно бесплатная процедура, которая необходима для встраивания карт. На странице формы получения ключа вводим название нашего сайта v-rn.narod.ru, отмечаем галочку о принятии условий пользовательского соглашения и нажимаем на кнопку "Получить API-ключ" ( рис. 3.34):
увеличить изображение
Рис. 3.34. Форма получения ключа
Количество ключей неограниченно, но для каждого сайта придется получать свой ключ. При вводе адреса сайта очень важно перейти по ссылке "Как лучше указать адрес сайта для получения ключа?"
В качестве адреса сайта лучше всего указывать только домен (например, mydomain.com). Ключ, зарегистрированный на отдельный домен, будет действителен для всех url внутри этого домена и для специальных поддоменов (например для "www"). Ключ, зарегистрированный на домен http://mydomain.com/, будет действителен для:
Обратите внимание, что ключ, зарегистрированный на домен http://www.mydomain.com/ будет действителен только для домена http://www.mydomain.com/ и его разделов (например, http://www.mydomain.com/page/).
Запоминаем, что указывать нужно без "www" и двигаемся дальше. Тем временем мы получили API-ключ ( рис. 3.35):
увеличить изображение
Рис. 3.35. Готовый API-ключ Яндекс.Карт
Этот ключ, конечно, выглядит устрашающе - но не нужно пугаться, запоминать его или вводить вручную не придется. Пример кода, который мы видим, тоже пока нам не нужен - в него можно не вникать. Идем сразу в раздел инструментов и начинаем, наконец, работать с картами. Предлагается несколько вариантов, описание которых выводится на странице ( рис. 3.36):
увеличить изображение
Рис. 3.36. Инструменты Яндекс.Карт
Заметим, что в правом верхнем углу появилась ссылка "Мои ключи". По ней нам всегда доступен полученный ключ.
Определение координат любого места в формате "долгота, широта" нам не нужно. Следовательно, будем выбирать между статическим изображением Яндекс.Карт и Конструктором схем проезда. Статическое изображение будет представлять собой обычную картинку, точно такую же, какая получится при посещении самых обычных карт http://maps.yandex.ru/, выборе нужного места и создания скриншота. Это не слишком интересно. Поэтому остается Конструктор схем проезда, к которому мы и переходим. Находим нужное место на карте, устанавливаем точку, вводим к ней подпись и нажимаем на кнопку "ОК" ( рис. 3.37):
увеличить изображение
Рис. 3.37. Установка точки на карте и подписи к ней
Чтобы увидеть, как будет выглядеть схема на сайте, переходим по ссылке "Просмотр" ( рис. 3.38):
увеличить изображение
Рис. 3.38. Просмотр установленной точки
Последний шаг - получить код для вставки. Указываем адрес сайта и нажимаем на кнопку "Получить код карты" ( рис. 3.39):
увеличить изображение
Рис. 3.39. Получение кода карты
Генерируются два варианта кода - для интерактивной и статической карт ( рис. 3.40):
увеличить изображение
Рис. 3.40. Готовый код для вставки
Он уже автоматически содержит API-ключ, который мы получали ранее, так что пока нам его не пришлось использовать вручную. Копируем код для динамической карты, который состоит из двух частей:
<!-- Этот блок кода вставляется в тег <HEAD> (начало) -->
<script src="../files/35/http://api-maps.yandex.ru/1.0/
?key=AJYdDUoBAAAAf5hmMAMA2PMJnPGzEq44-gA1uwd77mHo1zsAAAAAAAAAAAAmmT_ZT2pY0QPvuWRIUoVc05A-2g==&wizard=constructor"
type="text/javascript"></script>
<script type="text/javascript">
window.onload = function () {
var map = new YMaps.Map(document.getElementById("YMapsID"));
map.setCenter(new YMaps.GeoPoint(39.234738,51.641178), 15, YMaps.MapType.SATELLITE);
map.addControl(new YMaps.Zoom());
map.addControl(new YMaps.ToolBar());
map.addControl(new YMaps.TypeControl());
var s = new YMaps.Style();
s.iconStyle = new YMaps.IconStyle();
s.iconStyle.offset = new YMaps.Point(-8,-27);
s.iconStyle.href = "http://api-maps.yandex.ru/i/0.2/placemarks/pmlbm.png";
s.iconStyle.size = new YMaps.Point(28,29);
YMaps.Styles.add("wizard#lbmPoint", s);
var placemark1 = new YMaps.Placemark(new YMaps.GeoPoint(39.241385,51.640591),
{style: "wizard#lbmPoint", balloonOptions: {maxWidth: 300}});
map.addOverlay(placemark1);
placemark1.setBalloonContent("Парк Авиастроителей");
}
</script>
<!-- Этот блок кода вставляется в тег <HEAD> (конец) -->
<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (начало) -->
<div id="YMapsID" style="width:600px;height:450px"></div>
<div style="width:600px;text-align:right;font-family:Arial">
<a href="http://api.yandex.ru/maps/tools/constructor/"
style="color:#1A3DC1">Создано с помощью инструментов Яндекс.Карт</a></div>
<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (конец) -->
Комментарии вполне ясно указывают, что куда будет нужно вставлять. Идем в Мастерскую, открываем страницу управления файлами, выбираем редактирование страницы, для которой была получена карта ( рис. 3.41):
Рис. 3.41. Переход к редактированию страницы для вставки кода карты
Полностью HTML-код страницы "park_aviastroiteley.html" теперь будет выглядеть так:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html" />
<title>Парк Авиастроителей </title>
<meta name="keywords" content="Парк Авиастроителей, Воронеж, Фотографии парка Авиастроителей в Воронеже,
деревенные фигуры, деревянная скульптура." />
<meta name="description" content="Фотографии деревянных скульптур воронежского парка Авиастроителей
в высоком разрешении." />
<link href="style.css" rel="stylesheet" type="text/css" />
<!-- Этот блок кода вставляется в тег <HEAD> (начало) -->
<script src="../files/35/http://api-maps.yandex.ru/1.0/
?key=AJYdDUoBAAAAf5hmMAMA2PMJnPGzEq44-gA1uwd77mHo1zsAAAAAAAAAAAAmmT_ZT2pY0QPvuWRIUoVc05A-2g==&wizard=constructor"
type="text/javascript"></script>
<script type="text/javascript">
window.onload = function () {
var map = new YMaps.Map(document.getElementById("YMapsID"));
map.setCenter(new YMaps.GeoPoint(39.234738,51.641178), 15, YMaps.MapType.SATELLITE);
map.addControl(new YMaps.Zoom());
map.addControl(new YMaps.ToolBar());
map.addControl(new YMaps.TypeControl());
var s = new YMaps.Style();
s.iconStyle = new YMaps.IconStyle();
s.iconStyle.offset = new YMaps.Point(-8,-27);
s.iconStyle.href = "http://api-maps.yandex.ru/i/0.2/placemarks/pmlbm.png";
s.iconStyle.size = new YMaps.Point(28,29);
YMaps.Styles.add("wizard#lbmPoint", s);
var placemark1 = new YMaps.Placemark(new YMaps.GeoPoint(39.241385,51.640591),
{style: "wizard#lbmPoint", balloonOptions: {maxWidth: 300}});
map.addOverlay(placemark1);
placemark1.setBalloonContent("Парк Авиастроителей");
}
</script>
<!-- Этот блок кода вставляется в тег <HEAD> (конец) -->
</head>
<body>
<div class="content">
Парк Авиастроителей - небольшой и уютный парк, в котором понадобилось однажды спилить старые деревья.
Ничего необычного, стандартная задача.
<p><a href="images_full/park13.jpg"><img src="../files/35/images/park13.jpg" width="806" height="1075" border="0px"/></a>
</p>
<p>Но как были спилены эти деревья! Теперь пеньки - немного доработанные скульпторами,
стали совершенно самостоятельными украшениями парка.</p>
<p><a href="images_full/park14.jpg"><img src="../files/35/images/park14.jpg" width="806" height="1075" border="0px"/></a></p>
<p>Их много и они разные. Сова и панда, который залез на дерево.</p>
<p><a href="images_full/muzey15.jpg"><img src="../files/35/images/park15.jpg" width="1075" height="806" border="0px"/></a></p>
<p><a href="images_full/park10.jpg"><img src="../files/35/images/park10.jpg" width="806" height="1075" border="0px"/></a></p>
<p>И панда, и дерево представляют собой один ствол дерева.</p>
<p><a href="images_full/park11.JPG"><img src="../files/35/images/park11.jpg" width="1075" height="806" border="0px"/></a></p>
<p><a href="images_full/park12.jpg"><img src="../files/35/images/park12.jpg" width="806" height="1075" /></a></p>
<p>Небольшие пеньки.</p>
<p><a href="images_full/park16.JPG"><img src="../files/35/images/park16.jpg" width="1075" height="806" border="0px"/></a></p>
<p>И большие.</p>
<p><a href="images_full/park17.jpg"><img src="../files/35/images/park17.jpg" width="806" height="1075" border="0px"/></a></p>
<p>Знакомые персонажи сказок.</p>
<p><a href="images_full/park18.jpg"><img src="../files/35/images/park18.jpg" width="806" height="1075" border="0px"/></a></p>
<p><a href="images_full/park19.jpg"><img src="../files/35/images/park19.jpg" width="806" height="1075" border="0px"/></a></p>
<p><a href="images_full/park.JPG"><img src="../files/35/images/park.jpg" width="1075" height="806" /></a></p>
<p><a href="images_full/park3.JPG"><img src="../files/35/images/park3.jpg" width="1075" height="806" border="0px"/></a></p>
<p><a href="images_full/park8.jpg"><img src="../files/35/images/park8.jpg" width="806" height="1075" border="0px"/></a></p>
<p><a href="images_full/park7.jpg"><img src="../files/35/images/park7.jpg" width="806" height="1075" border="0px"/></a></p>
<p><a href="images_full/park2.jpg"><img src="../files/35/images/park2.jpg" width="806" height="1075" border="0px"/></a></p>
<p><a href="images_full/park4.JPG"><img src="../files/35/images/park4.jpg" width="1075" height="806" border="0px"/></a></p>
<p><a href="images_full/park5.jpg"><img src="../files/35/images/park5.jpg" width="806" height="1075" border="0px"/></a></p>
<p><a href="images_full/park6.JPG"><img src="../files/35/images/park6.jpg" width="1075" height="806" border="0px"/></a></p>
<p><a href="images_full/park9.jpg"><img src="../files/35/images/park9.jpg" width="806" height="1075" border="0px"/></a></p>
<p>Более подробную информацию о парке Авиастроителей можно найти в Базе Знаний Черноземья
<a href="http://www.chernozemye.ru/index.php5/Парк_Авиастроителей">
http://www.chernozemye.ru/index.php5/Парк_Авиастроителей</a></p>
<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (начало) -->
<div id="YMapsID" style="width:600px;height:450px"></div>
<div style="width:600px;text-align:right;font-family:Arial">
<a href="http://api.yandex.ru/maps/tools/constructor/"
style="color:#1A3DC1">Создано с помощью инструментов Яндекс.Карт</a></div>
<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (конец) -->
<p><a href="index.html">На главную</a></p>
</div>
</body>
</html>
Листинг .
Сохраняем изменения, открываем в браузере страницу сайта http://v-rn.narod.ru/park_aviastroiteley.html и видим, что добавилась карта со всеми инструментами. По-прежнему доступно изменение масштаба, отображение смежных участков, а также инструменты, например, линейка ( рис. 3.42):
увеличить изображение
Рис. 3.42. Готовая интерактивная карта на сайте
Таким же образом мы расставляем метки и подписи для других страниц сайта, получаем код для вставки и внедряем его.
При работе с Конструктором схем проезда возникает вопрос - а можно ли вообще, получать код для вставки карт безо всяких API? Скажем, есть обычные карты http://maps.yandex.ru/, допускается ли внедрение какого-то либо участка без всяких ключей? К сожалению, на момент написания курса это невозможно.
Продолжим собирание функциональности сайта. В принципе, главная задача выполнена - мы получили сайт, который хотели. Но добавление гостевой книги улучшит общий сервис сайта. В Мастерской щелкаем по ссылке "Гостевая книга" ( рис. 3.43):
увеличить изображение
Рис. 3.43. Мастерская, ссылка "Гостевая книга"
Открывается страница, на которой мы узнаем, что наша гостевая уже создана и доступна по определенной ссылке, которую мы тут же копируем ( рис. 3.44):
увеличить изображение
Рис. 3.44. Ссылка на гостевую книгу
На этой же странице доступны операции с гостевой книгой - администрирование, изменение дизайна, настройки. А мы открываем главную страницу и изменяем текст на ней, вставляя ссылку на гостевую книгу:
Добро пожаловать! На этом сайте Вы найдете фотографии интересных мест Воронежа в высоком разрешении с привязкой к картам. Все отзывы и замечания по этому сайту присылайте по адресу <a href="mailto:v-rn@narod.ru">v-rn@narod.ru</a> или оставляйте в <a href="http://www.narod.ru/guestbook/?owner=163691607">гостевой книге</a>.
Теперь при переходе с главной страницы доступна стандартная форма гостевой ( рис. 3.45):
увеличить изображение
Рис. 3.45. Гостевая книга
Добавленное сообщение немедленно отображается. Если постоянно модерировать оставляемые сообщения, то такая функциональность будет самой удобной для посетителей. Правда, это будет удобно не только для них, но и для спамеров. Настроим премодерацию - режим работы гостевой, при которой добавляемое сообщение будет доступно после одобрения модератором. В операциях с гостевой книгой переходим по ссылке "Настройки (дублирование сообщений по e-mail, премодерация)", отмечаем галочки "Премодерация" и "Отправлять копии сообщений по адресу" ( рис. 3.46):
увеличить изображение
Рис. 3.46. Настройки гостевой книги
Заметим, что эти галочки могут быть использованы независимо друг от друга. Далее появляется страница с сообщением "Вам выслан запрос по адресу v-rn@yandex.ru. Просьба зайти по присланной ссылке и подтвердить дублирование сообщений". Проверяем почту, переходим по ссылке в письме, включаем дублирование сообщений. Теперь, когда кто-то заходит и оставляет сообщение, мы тотчас получаем письмо с его содержимым ( рис. 3.47):
Рис. 3.47. Получение сообщения из гостевой книги по e-mail
Нам остается перейти к администрированию гостевой книги, разрешить это сообщение, а потом на него ответить.
Для нашего сайта доступна встроенная статистика посещений. Для ее просмотра в Мастерской переходим по ссылке "Статистика посещений" ( рис. 3.48):
увеличить изображение
Рис. 3.48. Мастерская, ссылка "Статистика посещений"
Открывается страница, на которой мы видим число обращений к сайту и количество уникальных посетителей ( рис. 3.49):
увеличить изображение
Рис. 3.49. Статистика посещений сайта http://v-rn.narod.ru/ за его первые дни
Идентификация посетителей осуществляется по IP-адресу. Это означает, что даже если мы 100 раз откроем главную страницу сайта в браузере, то все равно число посетителей будет равно одному.
Это общая статистика посещений всех страниц сайта. Если нужно добавить персональный счетчик для отдельно взятой страницы, то следует его включить в свойствах файла ( рис. 3.50):
увеличить изображение
Рис. 3.50. Персональный счетчик для страницы park_aviastroiteley.html
Отрывается эта страница также, как и для редактирования (см. рис. 3.31).
Все кирпичики сайта, который доступны в гостевой, зачастую представляют собой просто фрагмент HTML-кода, который вставляется на страницах сайта. Не является исключением и поиск по сайту, для включения которого в Мастерской переходим по соответствующей ссылке ( рис. 3.51):
увеличить изображение
Рис. 3.51. Поиск по сайту
Для вставки формы поиска достаточно выбрать подходящее оформление, а затем скопировать и вставить соответствующий HTML-код ( рис. 3.52):
увеличить изображение
Рис. 3.52. Код формы поиска
Сейчас на нашем сайте нет такого большого количества текста, чтобы была необходимость внедрять поисковую форму. Поэтому оставим это на будущее.
Завершить эту лекцию хотелось бы лозунгом "Яндекс.Народ - для всех сайтов! Все сайты на Яндекс.Народе!". Но это было бы неправдой. Использование сервиса подразумевает ряд ограничений, как тактического, так и технического характера.
Забавно смотрятся сайты довольно крупных компаний (в том числе и реально действующих), которые размещены на народе. Можно провести аналогию - представим себе президентский кортеж, который состоит из автомобилей марки "Лада-Калина" в сопровождении охраны на автомобилях "Ока". Нельзя сказать, что такой кортеж не сможет ехать, нельзя сказать, что Лада-Калина или Ока - это плохие машины. Достоинства и выгоды от их эксплуатации подтверждаются многочисленными продажами. Но в данном случае эти автомобили просто неуместны. Также, как и не уместно представительство компании на сервисе бесплатных сайтов с шаблонными страницами.
Не стоит доверять сайтам на Народе, предлагающим работу. Не стоит доверять таким же Интернет-магазинам, продающим дорогую электронику и технику. Сделать такой сайт мошенникам - дело нескольких часов. Начать бизнес на Народе, конечно же, можно, но в этом случае нужны веские доказательства того, что вы действительно предлагаете товары и услуги.
Сервис не поддерживает работу с такими языками программирования как PHP, PERL, Python или технологией ASP.NET. Он также не поддерживает какие-либо базы данных. Это означает, что кроме встроенных кирпичиков - чата, форума, гостевой книги и т.д. не получится добавить какую-то иную функциональность.
Несмотря на все эти ограничения, сайт на народе вполне пригоден для пристанища интересного проекта, хобби, мыслей, размышлений, сообщества или хорошего настроения.
Лучшие сайты народа вывешены здесь: http://narod.yandex.ru/rubrics/ А на этой страничке: http://web.archive.org/web/*/http://narod.ru доступна вся история развития сервиса.
Лекция 4
В этой лекции мы разберем инструменты, которые Яндекс предлагает вебмастерам и администраторам сайтов.
Набирая в поисковой строке запросы, пользователи будут находить наш сайт. Но насколько эффективным будет этот поиск? Как улучшить позицию своего сайта в общей выдаче результатов? Какие ошибки допущены на сайте с точки зрения Яндекса? Ответы на эти вопросы доступны в специальном сервисе Яндекс.Вебмастер.
Добавить URL
Поисковый робот Яндекса (его называют еще просто ботом) периодически обходит весь Рунет, собирая все сайты в свою Индексную базу. Посещаемые, актуальные, интересные сайты бот посещает очень часто, другие - реже. В предыдущей лекции мы создали новый сайт, о котором Яндекс еще не знает. Конечно, рано или поздно он узнает про него, но в наших силах ускорить этот процесс. На странице "Добавить URL" вводим адрес нашего ресурса, код защиты и нажимаем на кнопку "Добавить" ( рис. 4.1):
увеличить изображение
Рис. 4.1. Добавление ресурса
Появляется сообщение об успешном добавлении адреса ( рис. 4.2):
увеличить изображение
Рис. 4.2. Результат успешного добавления сайта
Этот способ не заставляет Яндекс лучше или более подробно проверить наш сайт, по сравнению с "естественной" индексацией. Мы просто обращаем внимание поискового бота и ускоряем процесс обнаружения сайта. Его полезно применять для новых сайтов, на которые еще не ссылаются другие сайты.
Удалить URL
Ссылка "Сохраненная копия" на странице результатов поиска иногда позволяет узнать очень интересные вещи, которые были оперативно удалены с какого-либо сайта. Так бывает с новостями или какими-то спорными публикациями. Это особенность работы поисковых систем здорово радует посетителей сайта. Но теперь, выступая в роли администраторов, мы наоборот, заинтересованы в том, чтобы ненужные страницы, которые мы уже удалили со своего сайта, как можно скорее были удалены из результатов поиска. Опять-таки, рано или поздно это произойдет. Для того чтобы это произошло рано, используется форма "Удалить URL" ( рис. 4.3):
увеличить изображение
Рис. 4.3. Форма удаления URL
Конечно, эта форма не гарантирует моментального удаления результата, но ускоряет его.
Проверить сайт
А есть ли вообще наш сайт в базе поиска? Ответ на этот вопрос даст страница "Проверить сайт" ( рис. 4.4):
увеличить изображение
Рис. 4.4. Проверка сайта
Открывается обычная страница поиска, в которой подставлен шаблон rhost="ru.narod.v-rn"|rhost="ru.narod.v-rn.*" ( рис. 4.5):
увеличить изображение
Рис. 4.5. Результаты проверки сайта
Этот шаблон нам уже знаком из первой Лекции. Сейчас наш сайт, который был только что создан, не найден в поисковой базе. Проверим сайт Интернет Университета Информационных технологий с помощью этой же формы. В строке запроса будет шаблон rhost="ru.intuit"|rhost="ru.intuit.*" ( рис. 4.6):
увеличить изображение
Рис. 4.6. Результат проверки сайта ИНТУИТа
Сайт также находится в Яндекс.Каталоге, поэтому на странице результатов отображается соответствующая рубрика. Спустя некоторое время еще раз введем значения сайта v-rn.narod.ru. Сайт был проиндексирован и теперь отображается в базе ( рис. 4.7):
увеличить изображение
Рис. 4.7. Проверка сайта после индексации
Заметим, что в данном случае, в качестве описания сайта выводится содержимое тега title. Поэтому на многих сайтах заголовки очень длинные, зачастую содержащие описание сайта.
Мои сайты
Раздел "Мои сайты" содержит перечень ресурсов, которые могут управляться Вами. Это своего рода отправная точка мониторинга своих сайтов. Поначалу список пустой, поэтому мы вводим адрес сайта и нажимаем на кнопку "Добавить" ( рис. 4.8):
увеличить изображение
Рис. 4.8. Добавление адреса в разделе "Мои сайты"
Спустя некоторое время, после того как сайт будет проиндексирован, отчет будет содержать информацию об этом ( рис. 4.9):
увеличить изображение
Рис. 4.9. Проиндексированный сайт в разделе "Мои сайты"
Глядя на этот список, возникает вопрос - а могу ли я таким образом добавить совершенно чужой сайт? Специально для предотвращения таких случаев сделана система проверки прав на управления. Она включает в себя предложение загрузить определенную информацию на ваш сайт. Если получится это сделать, то Яндекс будет считать вас владельцем сайта. Другими словами, владелец сайта может изменять его содержимое, что и проверит Яндекс.
В нашем случае мы авторизованы от имени пользователя v-rn@narod.ru, который автоматически является владельцем сайта v-rn.narod.ru. Поэтому никаких предложения проверить права на управления не возникает - мы автоматически получаем статус подтвержденных прав.
Под ошибками сайта понимаются случаи, когда поисковый бот не мог получить доступ к определенным страницам. Это могут быть и банальные несуществующие страницы (ошибки 404) или же ссылки на защищенные части сайта, которые запрещены для индексирования (см. далее файл "robots.txt" ).
Поле "Загружено страниц" отображает общее число страниц сайта, которые успел обойти поисковый бот Яндекса.
На рис. 4.9 гиперссылка на названии сайта ведет не на сам сайт, а на сводную страницу информации ( рис. 4.10):
увеличить изображение
Рис. 4.10. Информация о v-rn.narod.ru
Гиперссылка "Структура сайта" ведет на структуру, которую, опять-таки, видит Яндекс. Здесь отображаются только те подразделы, которые содержат более 10 страниц и занимают более 1% от общего числа. Поэтому реальная структура - та, которую мы могли видеть на локальном компьютере или на FTP, будет отличаться от представленной.
Файлы Sitemap - отличное средство указать приоритет индексации страниц для сайтов, содержимое которых часто обновляется. Например, большинство новостных лент содержат подразделы, на которых часто публикуются новости. Другие подразделы - архив, информация о сайте (или компании), список рассылок - обновляются реже. Быстрая индексация наиболее обновляемых материалов позволит отображать в поисковой выдаче актуальные данные, а значит, будет способствовать привлечению на ресурс новых посетителей. Для создания файлов Sitemap используется разметка XML, конкретные спецификации которой представлены на официальном сайте.
Раздел "Индекс" содержит очень интересную информацию и инструменты ( рис. 4.11):
увеличить изображение
Рис. 4.11. Раздел "Индекс"
В конце августа 2007 года Яндекс перестал поддерживать такие возможности, как поиск страниц, содержащих ссылку на данную, поиск слов, содержащихся только в текстах ссылок на данную. Они были удобны для использования как владельцами сайтов, так и ""роботами" — программами, написанными с целью изучить ранжирование Яндекса и попытаться им манипулировать". Поскольку такое манипулирование ухудшало качество поиска, то соответствующие инструменты были выключены. Так вот, а раздел "Индекс" позволяет все же просмотреть, какие внешние страницы ссылаются на подраздел вашего сайта с помощью инструмента "Внешние ссылки". Другими словами, в какой-то мере прежняя функциональность доступна в этом сервисе.
Раздел "Запросы" позволяет видеть, по каким поисковым словам сайт оказывается в результатах поиска ( рис. 4.12):
увеличить изображение
Рис. 4.12. Раздел "Запросы"
В еще одном инструменте для веб-мастеров - Яндекс.Метрике, который мы рассмотрим позже, есть дублирующие этот раздел средства.
Раздел "Инструменты" содержит, как это следует из названия, инструменты для проверки файла robots.txt и изменения регистра имени сайта в результатах поиска ( рис. 4.13):
увеличить изображение
Рис. 4.13. Раздел "Инструменты"
Как правило, в любом сайте есть разделы, которые не должны индексироваться поисковыми системами. Это административные папки, персональные данные пользователей, рабочие материалы. Для того чтобы сообщать всем поисковым системам и Яндексу, в частности, что какие-то разделы обходить не нужно, используется помещение обычного текстового файла "robots.txt" в корневую директорию сайта, причем название файла должно быть точно таким. Например, на настоящем сайте этот файл лежит здесь: http://www.intuit.ru/robots.txt Мы видим его содержимое:
User-Agent: *
Disallow: /cgi-bin/
Disallow: /w2k-bin/
Disallow: /admin/
Disallow: /w2admin/
Disallow: /user/
Disallow: /css/
Disallow: /diploma/
Язык этого файла довольно простой - это не какое-то программирование или даже не HTML-код. В данном случае для всех поисковых систем - "User-Agent: *" запрещено индексирование директорий cgi-bin, w2k-bin, admin и т.д. со всем их содержимым. Создадим свой собственный файл robots.txt для нашего сайта. Для примера, запретим индексирование определенной папки. Идем в Мастерскую, и нажимаем на ссылку "Создать папку" ( рис. 4.14):
увеличить изображение
Рис. 4.14. Мастерская, ссылка "Создать папку"
Название папки может быть совершенно произвольным, но придерживаясь определенных традиций, назовем ее admin ( рис. 4.15):
увеличить изображение
Рис. 4.15. Создание папки "admin"
В Мастерской переходим по гиперссылке созданной папки, а затем нажимаем "Создать html-файл" ( рис. 4.16):
увеличить изображение
Рис. 4.16. Мастерская, гиперссылка "Создать html-файл"
Вводим произвольное название файла, скажем, main.html ( рис. 4.17):
увеличить изображение
Рис. 4.17. Создание html-страницы
А затем переходим к редактированию созданной страницы. Напишем, что это страница, которая не должна быть доступна для поисковых систем ( рис. 4.18):
увеличить изображение
Рис. 4.18. Редактирование html-страницы
Конечно, все шаги, которые мы сейчас проделали - всего лишь использование функционала Мастерской. Точно такой же результат мы бы получили, если бы создали папку, затем страницу в программе Dreamweaver, а потом загрузили бы их через ftp. Главное то, что теперь по адресу http://v-rn.narod.ru/admin/main.html мы видим созданную страницу ( рис. 4.19):
увеличить изображение
Рис. 4.19. Страница, которая будет скрыта от поисковых систем
Важное замечание - это страница совершенно доступна для всех пользователей. Она останется такой же и далее. Если же мы хотим, чтобы к ней получали доступ авторизованные пользователи, то эту задачу придется решать средствами веб-программирования. Но к запрету к индексации поисковыми системами это отношения не имеет.
Теперь запускаем блокнот, сохраняем файл "robots.txt" и вводим в него правило ( рис. 4.20):
Рис. 4.20. Правило для сайта v-rn.narod.ru
Осталось забросить этот файл в корневую папку сайта. Идем в Мастерскую, нажимаем на ссылку "загрузить файлы" ( рис. 4.21):
увеличить изображение
Рис. 4.21. Мастерская, гиперссылка "Загрузить файлы"
Далее нажимаем на кнопку "Обзор", выбираем файл "robots.txt", расположенный на локальном компьютере, а потом загружаем его ( рис. 4.22):
увеличить изображение
Рис. 4.22. Загрузка файла
Все готово. Возвращаемся к инструментам Яндекс.Вебмастер, переходим по ссылке "Анализ файла robots.txt" (см. рис. 4.13). При этом происходит загрузка содержимого файла robots.txt, который уже есть на нашем сайте. Оно выводится в верхнем поле страницы. Мы вводим адрес, который хотим проверить - v-rn.narod.ru/admin/main.html ( рис. 4.23):
увеличить изображение
Рис. 4.23. Анализ файла robots.txt
Как мы и хотели, эта страницу не будет индексироваться - результат "запрещен правилом /admin/" ( рис. 4.24):
Рис. 4.24. Результат анализа файла robots.txt
Для анализа файла robots.txt всех сайтов - не только своего собственного, используется публичная версия инструмента. Она работает даже для неавторизованных пользователей.
Инструмент "Регистр имени сайта" несомненно, оценят пользователи, которые любят писать адрес электронной почты как ImyaFamiliya@Company.com. Он позволяет изменить адрес сайта в поисковой выдаче ( рис. 4.25):
увеличить изображение
Рис. 4.25. Изменение регистра имени сайта
Разумеется, после изменения сайт по-прежнему будет доступен и по обычной ссылке типа v-rn.narod.ru.
В предыдущей лекции, при создании сайта, мы просматривали его статистику посещений. Отчеты были довольно примитивны - мы могли всего лишь видеть, сколько было обращений к сайту и каково число посетителей.
Возможности веб-программирования позволяют получать куда более продвинутую статистику. Для каждого посетителя возможно определение его IP-адреса, названия страны, браузера, операционной системы, разрешения монитора, адреса, с которого пришел посетитель и даже названия провайдера и его контактные данные. Вопрос лишь в том, как реализовать такую функциональность в Вашем собственном сайте и сколько это будет стоить.
Яндекс.Метрика - это инструмент для получения весьма изощренной статистики сайта без разработки собственного функционала ( рис. 4.26):
увеличить изображение
Рис. 4.26. Яндекс.Метрика
Для того чтобы начать получать статистику, нужно просто вставить определенный фрагмент HTML-кода на всех страницах1Конечно, для сайта, состоящего из сотен и даже тысяч страниц это предложение может показаться фантастическим. Но дело в том, что при генерации таких страниц используется вполне определенный набор шаблонов, число которых весьма ограничено. Достаточно вставить код Яндекс.Метрики в такие шаблоны, чтобы на всех конечных страницах он присутствовал. сайта. Мы будем рассматривать это на примере сайта, разработанного в предыдущей лекции. Но Яндекс.Метрика работает для всех сайтов, не только расположенных на "Народе". Авторизуемся на сервисе, вводим название своего сайта, указываем адрес электронной почты. Для сайта допускается определение десяти целей сбора статистики. В самом простом случае, укажем фиксирование просмотра хотя бы двух страниц сайта, дав соответствующий заголовок "Просмотр сайта" ( рис. 4.27):
увеличить изображение
Рис. 4.27. Добавление счетчика и указание цели
Сервис позволяет фиксировать не только просмотр страниц или определенной страницы, но и такие задачи, как скачивание прайс-листа, презентации компании, добавление комментария. После нажатия на кнопку "Добавить" на странице отображается форма с кодом метрики ( рис. 4.28):
увеличить изображение
Рис. 4.28. Полученный код метрики
Здесь мы делаем паузу, открываем в браузере еще одну вкладку и переходим в Мастерскую для редактирования файлов своего сайта. Код метрики устанавливаем на всех страницах, размещая его сразу после тега body. Пример для страницы park_aviastroiteley.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html" />
<title>Парк Авиастроителей </title>
<meta name="keywords" content="Парк Авиастроителей, Воронеж, Фотографии парка Авиастроителей в Воронеже,
деревенные фигуры, деревянная скульптура." />
<meta name="description" content="Фотографии деревянных скульптур воронежского
парка Авиастроителей в высоком разрешении." />
<link href="style.css" rel="stylesheet" type="text/css" />
<!-- Этот блок кода вставляется в тег <HEAD> (начало) -->
<script src="../files/35/http://api-maps.yandex.ru/1.0/
?key=AJYdDUoBAAAAf5hmMAMA2PMJnPGzEq44-gA1uwd77mHo1zsAAAAAAAAAAAAmmT_ZT2pY0QPvuWRIUoVc05A-2g==&wizard=constructor"
type="text/javascript"></script>
<script type="text/javascript">
window.onload = function () {
var map = new YMaps.Map(document.getElementById("YMapsID"));
map.setCenter(new YMaps.GeoPoint(39.234738,51.641178), 15, YMaps.MapType.SATELLITE);
map.addControl(new YMaps.Zoom());
map.addControl(new YMaps.ToolBar());
map.addControl(new YMaps.TypeControl());
var s = new YMaps.Style();
s.iconStyle = new YMaps.IconStyle();
s.iconStyle.offset = new YMaps.Point(-8,-27);
s.iconStyle.href = "http://api-maps.yandex.ru/i/0.2/placemarks/pmlbm.png";
s.iconStyle.size = new YMaps.Point(28,29);
YMaps.Styles.add("wizard#lbmPoint", s);
var placemark1 = new YMaps.Placemark(new YMaps.GeoPoint(39.241385,51.640591),
{style: "wizard#lbmPoint", balloonOptions: {maxWidth: 300}});
map.addOverlay(placemark1);
placemark1.setBalloonContent("Парк Авиастроителей");
}
</script>
<!-- Этот блок кода вставляется в тег <HEAD> (конец) -->
</head>
<body>
<!-- YaMetrics begin -->
<script type="text/javascript"><!--
var ya_cid=160780;
//--></script>
<script src="../files/35/http://bs.yandex.ru/resource/watch.js" type="text/javascript"></script>
<noscript><div style="display: inline;"><img src="../files/35/http://bs.yandex.ru/watch/160780" width="1" height="1" alt="" /></div></noscript>
<!-- YaMetrics end -->
<div class="content">
Парк Авиастроителей - небольшой и уютный парк, в котором понадобилось однажды спилить старые деревья.
Ничего необычного, стандартная задача.
<p><a href="images_full/park13.jpg"><img src="../files/35/images/park13.jpg" width="806" height="1075" border="0px"/></a>
</p>
<p>Но как были спилены эти деревья! Теперь пеньки - немного доработанные скульпторами,
стали совершенно самостоятельными украшениями парка.</p>
<p><a href="images_full/park14.jpg"><img src="../files/35/images/park14.jpg" width="806" height="1075" border="0px"/></a></p>
<p>Их много и они разные. Сова и панда, который залез на дерево.</p>
<p><a href="images_full/muzey15.jpg"><img src="../files/35/images/park15.jpg" width="1075" height="806" border="0px"/></a></p>
<p><a href="images_full/park10.jpg"><img src="../files/35/images/park10.jpg" width="806" height="1075" border="0px"/></a></p>
<p>И панда, и дерево представляют собой один ствол.</p>
<p><a href="images_full/park11.JPG"><img src="../files/35/images/park11.jpg" width="1075" height="806" border="0px"/></a></p>
<p><a href="images_full/park12.jpg"><img src="../files/35/images/park12.jpg" width="806" height="1075" /></a></p>
<p>Небольшие пеньки.</p>
<p><a href="images_full/park16.JPG"><img src="../files/35/images/park16.jpg" width="1075" height="806" border="0px"/></a></p>
<p>И большие.</p>
<p><a href="images_full/park17.jpg"><img src="../files/35/images/park17.jpg" width="806" height="1075" border="0px"/></a></p>
<p>Знакомые персонажи сказок.</p>
<p><a href="images_full/park18.jpg"><img src="../files/35/images/park18.jpg" width="806" height="1075" border="0px"/></a></p>
<p><a href="images_full/park19.jpg"><img src="../files/35/images/park19.jpg" width="806" height="1075" border="0px"/></a></p>
<p><a href="images_full/park.JPG"><img src="../files/35/images/park.jpg" width="1075" height="806" /></a></p>
<p><a href="images_full/park3.JPG"><img src="../files/35/images/park3.jpg" width="1075" height="806" border="0px"/></a></p>
<p><a href="images_full/park8.jpg"><img src="../files/35/images/park8.jpg" width="806" height="1075" border="0px"/></a></p>
<p><a href="images_full/park7.jpg"><img src="../files/35/images/park7.jpg" width="806" height="1075" border="0px"/></a></p>
<p><a href="images_full/park2.jpg"><img src="../files/35/images/park2.jpg" width="806" height="1075" border="0px"/></a></p>
<p><a href="images_full/park4.JPG"><img src="../files/35/images/park4.jpg" width="1075" height="806" border="0px"/></a></p>
<p><a href="images_full/park5.jpg"><img src="../files/35/images/park5.jpg" width="806" height="1075" border="0px"/></a></p>
<p><a href="images_full/park6.JPG"><img src="../files/35/images/park6.jpg" width="1075" height="806" border="0px"/></a></p>
<p><a href="images_full/park9.jpg"><img src="../files/35/images/park9.jpg" width="806" height="1075" border="0px"/></a></p>
<p>Более подробную информацию о парке Авиастроителей можно найти в Базе Знаний Черноземья <a
href="http://www.chernozemye.ru/index.php5/Парк_Авиастроителей">
http://www.chernozemye.ru/index.php5/Парк_Авиастроителей</a></p>
<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (начало) -->
<div id="YMapsID" style="width:600px;height:450px"></div>
<div style="width:600px;text-align:right;font-family:Arial"><a href="http://api.yandex.ru/maps/tools/constructor/"
style="color:#1A3DC1">Создано с помощью инструментов Яндекс.Карт</a></div>
<!-- Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту (конец) -->
<p><a href="index.html">На главную</a></p>
</div>
</body>
</html>
Листинг .
Затем мы переключаемся на страницу с кодом счетчика и нажимаем на кнопку "Продолжить" ( рис. 4.29):
увеличить изображение
Рис. 4.29. Продолжение работы после установки кода счетчика на всех страницах сайта
Если мы все сделали правило, то статус счетчиков будет отображать сбор данных ( рис. 4.30):
увеличить изображение
Рис. 4.30. Статус кода счетчиков
Статистика начинает работать и первые данные мы получим уже через несколько часов (иногда и раньше). Синяя, зеленая и красная кнопка предназначены для просмотра отчетов, редактирования счетчика (в том числе и для добавления новых целей) и удаления счетчика. В последнем случае нужно быть предельно внимательным, особенно когда статистика собирается уже достаточно давно. Однако, в случае ошибочного удаления техподдержка Яндекс.Метрики поможет восстановить счетчик.
Спустя несколько дней, в течении которых посетители сайта накапливали статистику, мы заходим снова на страницу Яндекс.Метрики и переходим к отчетам ( рис. 4.31):
увеличить изображение
Рис. 4.31. Яндекс.Метрика, переход к отчетам по сайту
Все данные собраны по 8 группам, собранным по аналогу обычного меню. Значения доступны за сегодня, неделю, месяц, квартал и год. Первая группа - "Трафик" позволяет отслеживать посещаемость ресурса ( рис. 4.32):
увеличить изображение
Рис. 4.32. Группа "Трафик", посещаемость сайта
Точное число посетителей отображается во всплывающей подсказке на графике и в виде таблицы ( рис. 4.33):
увеличить изображение
Рис. 4.33. Данные статистики
Таблица содержит довольно много столбцов, для которых принята определенная терминология:
Определение каждого из этих терминов появляется во всплывающей подсказке при наведении курсора ( рис. 4.34):
Рис. 4.34. Всплывающая подсказка с определением столбца
Но это все общая статистика. В самом начале установки счетчика мы наметили цель - отслеживание посещения сайта, при котором посетители просматривают 2 страницы. Выбираем соответствующее значение выпадающего списка "Показывать данные по" - и видим требуемую статистику ( рис. 4.35):
увеличить изображение
Рис. 4.35. Статистика целевых визитов
Появляются два новых поля - "Целевые визиты" и "Конверсия":
Кроме посещаемости, группа "Трафик" содержит отчеты по распределению визитов по времени суток, а также так называемого "Вовлечения". Под этим термином понимается информация о количестве просмотренных страниц и о времени, проведенном посетителем на сайте.
В рамках нашего небольшого сайта эта информация вряд ли будет интересной. Мы переходим к группе "Источники". Общая сводка дает представление о том, откуда посетители приходят на наш сайт ( рис. 4.36):
увеличить изображение
Рис. 4.36. Группа "Источники" - как посетители узнают о нашем сайте
Подразделы "сайты" и "поисковые системы" содержат сведения о том, с каких сайтов и поисковых систем осуществляют пользователи переходы на наш сайт. Очень интересен подраздел "поисковые фразы". Например, Центр компьютерного обучения "Специалист" при МГТУ им. Н.Э.Баумана, на своем сайте приводят названия, которые им дают слушатели. Кроме того, они замечают, что пользователи в поиске вводят "Обучение специалистов", "Сертификация freebsd специалиста" и так далее. Так вот, мы теперь тоже можем видеть все поисковые фразы с самого начала работы нашего сайта ( рис. 4.37):
увеличить изображение
Рис. 4.37. Группа "Источники" - по каким поисковым фразам нас находят посетители
В сочетании со статистикой ключевых слов, на которую мы обращали внимание в первой лекции, эти данные позволяют понять, какие ключевые слова должны быть на нашем сайте для лучшего поиска.
Добавляют ли нас пользователи в "Избранное" браузеров, чтобы возвращаться по несколько раз в день, поможет установить группа "Возвраты" ( рис. 4.38):
увеличить изображение
Рис. 4.38. Группа "Возвраты"
Конечно, сервис фиксирует повторные визиты, совершаемые любым образом. На графиках мы видим, что большая часть посетителей совершает всего один визит. Это означает, что нужно чаще обновлять сайт и выкладывать на нем больше информации.
Группа "Содержание" помогает понять, какие страницы и разделы сайта популярны, а какие - нет. Подраздел "страницы выхода" отображает диаграмму страниц, после которых посетитель не захотел продолжать знакомство с нашим сайтом и покинул его ( рис. 4.39):
увеличить изображение
Рис. 4.39. Группа "Содержание" - с каких страниц уходят наши посетители
Группа "География" - содержит самые зрелищные и интересные данные. Из каких стран мира заходят на наш сайт? На v-rn.narod.ru - пока из трех ( рис. 4.40):
увеличить изображение
Рис. 4.40. Группа "География", распределение по странам мира
Читатели, знакомые с системой Tor, на этом самом месте, могут ее запустить и начать экспериментировать - сможет ли Яндекс.Метрика распознать ежеминутные смены IP-адресов и не включать их в общую статистику? Мои эксперименты статистика распознала и выкинула недостоверные данные из общей картины.
Подраздел географии по России позволит узнать предпочтения жителей областей, которые заходят на наш сайт ( рис. 4.41):
увеличить изображение
Рис. 4.41. Группа "Содержание", диаграмма распределения посетителей по областям России
Переключившись на режим отображения карты вспоминаем границы областей и их расположение друг относительно друга ( рис. 4.42):
увеличить изображение
Рис. 4.42. Группа "Содержание", карта посетителей
Группа "Демография" кажется самой загадочной - формируемый отчет содержит пол и возраст посетителей ( рис. 4.43):
увеличить изображение
Рис. 4.43. Группа "Демография", загадочный отчет о посетителях
Но на самом деле, ничего сверхъестественного здесь нет - данные представляются на основании лишь той части трафика, для которой существуют точные сведения о поле и возрасте. А они берутся из регистрационных данных сервисов Яндекса. Например, в "Моем круге" мы рассказываем о себе достаточно подробно, а главное - достоверно.
Поэтому внизу таблицы, в каждом случае указывается процентное соотношение этого трафика. В данном случае это выглядит так:
Отчет представлен только по той части трафика (56,8% визитов за отчетный период), для которой существуют данные по демографии.
В нашем случае данные о демографии известны для чуть более половины посетителей, в случае других сайтов этот процент может быть совершенно различным.
Подраздел "Половозрастная структура" представляет эти же данные еще более наглядно, на совмещенном графике.
Группа "Карта путей" представляет самый извилистый отчет - как посетители бродят по нашему сайту ( рис. 4.44):
увеличить изображение
Рис. 4.44. Группа "Карта путей"
Здесь мы снова видим сайты (источники), с которых вообще пришли посетители. А затем куда они направились с главной страницы. Изображение содержит инструменты масштабирование - его можно таскать и изменять масштаб, как на обычных Яндекс.Картах. Формируемый отчет позволит увидеть самые незаметные уголки нашего сайта и при необходимости, улучшить удобство пользования или навигационные ссылки.
В те времена, когда браузеры Internet Explorer и Netscape Navigator воевали между собой, наиболее популярным разрешением для мониторов было 800*600. Сейчас, конечно, все изменилось, а группа "Компьютеры посетителей" позволит увидеть количественную оценку этих изменений ( рис. 4.45):
увеличить изображение
Рис. 4.45. Группа "Компьютеры пользователей", данные о браузерах
Глядя на эту статистику, мы убеждаемся в том, что сейчас нужно верстать страницы, которые одинаково хорошо выглядят как минимум в браузерах Opera, Mozilla Firefox и Microsoft Internet Explorer. Если ранее мы наблюдали эти данные, собранные кем-то там, весьма отвлеченно, то теперь наш сайт является тестовой площадкой.
Под какое разрешение монитора допустимо сверстать наш сайт, чтобы это было удобно всем? Ответ на этот вопрос заключается в подразделе "разрешение дисплеев" ( рис. 4.46):
увеличить изображение
Рис. 4.46. Группа "Компьютеры пользователей", разрешение дисплеев. Каких только мониторов на свете нет…
Конечно, глядя на эти цифры, следует учитывать интересы всех пользователей, а также стараться анализировать данные за достаточно большой период времени.
Статистика по операционным системам, наличия библиотек .NET, Java и Flash может показаться не самой необходимой информацией. Но если рано или поздно она понадобиться, то эти данные будут под рукой.
Яндекс.Метрика, позволяет получать статистические данные в такой форме, что процесс администрирования сайта превращается в увлекательное занятие, которое начинает содержать элементы спортивного интереса. Общий объем получаемой статистики, который получается банальным размещением HTML-кода на страницах сайта, вполне может конкурировать с самыми продвинутыми системами управления сайтов, содержащими свои статистические модули.
Мы рассмотрели наиболее интересные, на момент написания курса, инструменты Яндекса для вебмастеров. Они постоянно развиваются и пополняются. Полный перечень всех предложений вебмастерам от Яндекса доступен здесь.
Лекция 5
В этой лекции мы узнаем, как сайту подняться на вершину рекламно-поискового олимпа и обратить на себя внимание ищуще-читающих пользователей сети.
В сети ссылок про поисковую оптимизацию и "раскрутку" сайта раза в три больше аналогичных упоминаний студий веб-дизайна ( рис. 5.1):
увеличить изображение
Рис. 5.1. Результаты поиска по запросам "раскрутка сайта" и "студия веб-дизайна"
Неискушенный читатель может решить, что сайты раскручивают раза в три чаще, чем собственно, создают. Но это не так. Дело в том, что очень многие веб-мастера, вдохновленные интересной литературой, считают своим долгом тут же завести "Блог О Поисковой Оптимизации И Раскрутке Сайтов". В этих блогах они пишут интересные вещи, для того чтобы ненавязчиво перейти к главной цели - предложению своих собственных услуг по этой самой оптимизации.
Мы не будем преумножать эти знания и рассмотрим лишь частный практический случай - как скромному краеведческому сайту, сделанному на площадке Народ.Ру, оказаться на первой странице результатов поиска.
Для этого нам придется немного разобраться с теорией. Рассмотрим схему, по которой работают успешные сайты с большим числом посетителей ( рис. 5.2):
Рис. 5.2. Схема счастья популярного сайта
Не важно - сайт что-то продает или является новостным изданием. В первом случае посетители означают большее число продаж, во втором - доходы от размещения рекламы.
А вот замкнутый круг неудач начинающего сайта ( рис. 5.3):
Рис. 5.3. Как все плохо у молодого сайта
Конечно, можно найти инвесторов, убедить их в том, что Идея Нового Сайта будет успешной, вложить кучу денег в разработку, сделать самую лучшую социальную сеть интересный проект и в один прекрасный день проснуться знаменитым и богатым. Но как быть, если планы не столь грандиозны, а нужно всего лишь сделать так, чтобы прозаичный сайт по продаже молотков и гвоздей в городе N просто выполнял свою работу? Нужно скомбинировать хорошую и плохую схему ( рис. 5.4):
Рис. 5.4. Схема превращения горя в среднестатистическое счастье
Спираль развития включает в себя один важный пункт - вложение денег в рекламу. Это обширнейшая тема, которая включает множество способов. Сосредоточимся на одном из них - реклама в Интернете.
Здесь все просто - берем сайт, который посещает, скажем, миллионов восемь человек в день, договариваемся о размещении рекламы, получаем приток посетителей.
Это работает для крупных компаний с соответствующим рекламным бюджетом. А нам нужно донести до широких масс сайт, на котором продаются прищепки и кастрюли. Выделим рекламный бюджет, скажем, рублей 300. В неделю. Но за эти деньги хотелось бы тоже получить миллионную аудиторию или хотя бы ее часть. Которая целенаправленно будет искать прищепки и кастрюли. По контексту.
Вот мы и пришли к понятию контекстной рекламы. Оплатив рекламный бюджет, мы получим размещение ссылки на свой сайт в результатах поиска Яндекса для тех пользователей, которые будут искать то, что им нужно ( рис. 5.5):
увеличить изображение
Рис. 5.5. Поисковая реклама
Здесь пользователь вводит запрос "фотографии Воронежа", а на странице результатов в блоке "Яндекс.Директ" видит ссылку на наш знакомый сайт, который мы делали в третьей Лекции. Это поисковая контекстная реклама. Обратим внимание на то, что в естественном ранжировании сайтов по-прежнему первые места занимают наши конкуренты, которых мы изучали еще до создания нашего сайта. Пока они лучше по всем статьям, поэтому отображаются на первых местах. Но мы, заплатив за размещение рекламной ссылки, тоже сможем заинтересовать потенциального пользователя.
Рекламный бюджет будет расходоваться только в том случае, если посетитель щелкнет по гиперссылке с главной страницы поиска и перейдет на наш сайт. Это очень выгодно, поскольку при простом показе объявления оно все-таки может и не заинтересовать, а значит, смысла в таком показе нет.
Но это еще не все. За те же деньги и в рамках единого бюджета - от 300 рублей в неделю (но эта сумма может и растягивать дольше - пока ее всю не "скликают" переходами по ссылкам) мы получаем еще и тематическую рекламу. Как это работает? Пользователь набирает в Яндексе запрос "памятник котенку с улицы Лизюкова" ( рис. 5.6):
увеличить изображение
Рис. 5.6. Результаты поиска в Яндексе памятника котенку с улицы Лизюкова
Прямо под результатами поиска отображается рекламная ссылка на наш сайт. Но пользователь ее игнорирует и переходит на новостной сайт Newsru.com, где была размещена статья про установку этого самого памятника. Он дочитывает ее до конца, прокручивает страницу ниже и видит… Снова ссылку на наш сайт в рекламном блоке ( рис. 5.7):
увеличить изображение
Рис. 5.7. Тематическая реклама
Дело в том, что к статье о памятнике котенку с улицы Лизюкова в Воронеже очень органично подходит ссылка на наш сайт, где размещены фотографии этого самого котенка с улицы Лизюкова. А вот степень "органичности" или по каким ключевым фразам и словам нужно будет вплетать наш сайт, будем определять мы сами, при создании рекламного объявления.
Конечно, в рекламе могут участвовать не только котята или памятники, а вообще любые сайты, посвященные чему угодно или продающие что угодно. Разумеется, в рамках общих правил приличия.
Далее мы приступим к самостоятельному созданию этого рекламного объявления, но если эту страница курса читают случайные пользователи, то для них заметим, что есть возможность разместить рекламу, не вникая во все эти тонкости. Платить за обслуживание при этом не придется, просто нужно будет сразу положить определенный рекламный бюджет, который далее будет полностью расходоваться на клики.
Приступим к размещению объявления. Авторизуемся на странице Яндекс.Директа, а затем переходим по ссылке "Дайте объявление" ( рис. 5.8):
увеличить изображение
Рис. 5.8. Яндекс.Директ, переход к размещению объявления
Обратим внимание на то, что на рисунке приводится авторизация пользователя chkariev. А платить мы будем за сайт v-rn.narod.ru. Фактически, мы можем оплачивать показ объявлений для любых, в том числе и чужих сайтов.
Нам нужно выбрать подходящий интерфейс, в котором мы будем размещать объявление. По умолчанию, предлагается легкий ( рис. 5.9):
увеличить изображение
Рис. 5.9. Выбор интерфейса для работы
Профессиональный интерфейс содержит продвинутые инструменты, позволяющие управлять сразу несколькими объявлениями. Пока мы разбираемся с размещением всего одного объявления, оставим легкий интерфейс.
На странице создания объявления нам нужно вдумчиво заполнить все поля. Первый раздел "Уточнить регион" позволяет выбрать страны (а для России - даже города), для посетителей из которых будет отображаться реклама. Зачем нужно ограничивать регион? Предположим, что вы размещаете рекламу сайта доставки пиццы по Екатеринбургу. Житель Новой Зеландии заходит на Яндекс, набирает в поиске "Пицца" и видит ссылку вашу рекламную ссылку. Из чистого любопытства он переходит по ней - при этом происходит списание денег за клик и попадает на ваш сайт. Но совершенно очевидно, что он не будет заказывать пиццу, а значит, деньги за клик пропали зря. Поэтому стоит определять целевую аудиторию и соответствующим образом ограничивать показ объявлений. Для сайта v-rn.narod.ru нет смысла ограничивать аудиторию, поэтому здесь мы исключили показ объявлений для некоторых стран1После ограничения я постучался в ICQ некоторым знакомым из исключенных стран и попросил проверить работу. Да, действительно, они не видели объявления. - просто чтобы проверить работу сервиса.
Во втором разделе мы вводим заголовок объявления, его текст, а также адрес сайта ( рис. 5.10):
увеличить изображение
Рис. 5.10. Создание объявления. Определение региона и ввод текста
При составлении объявления нужно прочитать все памятки, доступные по ссылкам справа. Также в тексте объявления написано, что "нельзя набирать слова заглавными буквами (кроме аббревиатур)". Чтобы узнать что будет, если мы нарушим это правило, мы в заголовке объявления слово "ФОТО" написали неправильно. Далее увидим, что из этого получится.
Когда пользователь Яндекса будет вводить определенные слова и фразы в поиске, то в блоке рекламы должно отображаться наше объявление. В третьем разделе мы определяем, какие это будут слова и фразы ( рис. 5.11):
увеличить изображение
Рис. 5.11. Создание объявления. Ввод ключевых фраз
Нужно писать те фразы, которые действительно соответствуют сайту. Нет смысла привлекать тех клиентов, которые не являются целевой аудиторией. Если мы, продавая кофемолки, напишем ключевую фразу "USB Flash диск, флешка, брелок", то посетитель, который ищет флешки, может и перейдет по нашему объявлению, но скорее всего ничего не купит, потому что он ищет флешки, а не кофемолки. А платить за клик (переход) нам придется.
С другой стороны, чем больше ключевых фраз мы напишем, тем чаще рекламное объявление будет появляться в результатах поиска. Подсказки, отображаемые на специальной панели, соответствуют уже введенному слову или фразе. При написании самих фраз следует придерживаться следующих правил (см. ссылку "Как подобрать ключевые фразы"):
В нашем случае, когда мы ввели фразы вроде "памятники Воронежа", "парк Авиастроителей" то есть нечастые запросы, то система предложила недельный бюджет - 300 рублей, который совпадает с минимальным. Прогнозируемое количество посетителей зависит от выбранного бюджета. Рекомендуемый размер недельного бюджета основан на таких показах, при которых объявление будет выводиться при каждом поисковом запросе, содержащим ключевые фразы.
В пятом разделе указываем расписание показа объявлений. Конечно, круглосуточный показ обеспечивает наибольшее число посетителей. В шестом разделе указываем контактные данные, далее соглашаемся с офертой и нажимаем на кнопку "Отправить объявление на проверку" ( рис. 5.12):
увеличить изображение
Рис. 5.12. Создание объявления. Настройки показа, контактные данные и оферта
Мы переходим на страницу "Мои объявления", где будет размещаться информация о всех объявлениях. То есть мы можем создать сколько угодно таких объявлений. А пока отображается текущий статус - "Ожидает модерации" ( рис. 5.13):
увеличить изображение
Рис. 5.13. Статус нового объявления
В рабочее время менее чем через час приходит уведомление на ящик электронной почты - модератор отклонил объявление из-за того, что "в заголовке и тексте объявления не допускается набор слов заглавными буквами". На странице, в "Моих объявлениях" статус и причины отклонения дублируются ( рис. 5.14):
увеличить изображение
Рис. 5.14. Отклонение объявления модератором
Так завершился наш эксперимент - помните? Мы специально написали слово "ФОТО" заглавными буквами. Такое объявление просто не будет размещено. Но не нужно отчаиваться, отклонение не означает отказ вообще что-либо размещать. Перейдем к редактированию объявления, напишем так, как положено ( рис. 5.15):
увеличить изображение
Рис. 5.15. Редактирование объявления
Завершим редактирование, снова оказываемся на странице "Мои объявления". Прежний статус был "Отклонено модератором", а текущий - "Ожидает модерации" ( рис. 5.16):
увеличить изображение
Рис. 5.16. Статус отредактированного объявления
Ждем - минут через 30-40 наше объявление, наконец, получает одобрение. Теперь нам осталось его оплатить ( рис. 5.17):
увеличить изображение
Рис. 5.17. Переход к оплате объявления
Для того чтобы попробовать вообще этот вид рекламной кампании, не стоит выкупать сразу месячный бюджет. Минимальная сумма - 300 рублей в неделю, вот и попробуем внести ровно 300 рублей ( рис. 5.18):
увеличить изображение
Рис. 5.18. Ввод суммы оплаты
На следующей странице нам предстоит выбрать один из многочисленных способов оплаты. Мы выбираем тот, с которым уже разобрались во второй Лекции - Яндекс.Деньги ( рис. 5.19):
увеличить изображение
Рис. 5.19. Выбор способа оплаты
Но при этом нужно помнить, что платить Яндекс.Деньгами мы должны с того же самого логина, что указан в кампании Яндекс.Директа. Для реквизитов платежа еще раз указываем ФИО, контактные данные ( рис. 5.20):
увеличить изображение
Рис. 5.20. Формирование реквизитов плательщика
После того, как реквизиты созданы, переходим к формированию счета, для чего нажимаем соответствующую кнопку ( рис. 5.21):
увеличить изображение
Рис. 5.21. Переход к формированию счета
Все эти шаги могут показаться ненужной формальностью, особенно когда оплачиваешь свой собственный сайт своими собственными деньгами. Но если сайт и деньги не вполне свои, рекламные бюджеты довольно значительны, а финансовая отчетность - не пустой звук, то фиксирование всех шагов становится очень удобной штукой. Для юридических лиц оформление всех документов еще более серьезно - с высылкой оригиналов бухгалтерских документов. Словом, вся бумажная документация будет соблюдена. Ну а мы продолжаем оформление платежа и на странице счета нажимаем кнопку "Оплатить" ( рис. 5.22):
увеличить изображение
Рис. 5.22. Счет для оплаты
Мы оказываемся на уже знакомой странице Яндекс.Денег, где выбираем кошелек для оплаты ( рис. 5.23):
увеличить изображение
Рис. 5.23. Выбор кошелька
Счет уже сформирован, поэтому осталось ввести платежный пароль и нажать на кнопку "Платить" ( рис. 5.24):
увеличить изображение
Рис. 5.24. Оплата счета
Платеж успешно завершен - словно мы заплатили за самый обычный товар, а рекламная кампания начнет работать минут через 15 ( рис. 5.25):
увеличить изображение
Рис. 5.25. Успешно завершение платежа
Возвращаемся в раздел "Мои объявления" - текущий статус "Идут показы". В любой момент мы можем доплатить за рекламную кампанию и изменить недельный бюджет ( рис. 5.26):
увеличить изображение
Рис. 5.26. "Мои объявления", статус после оплаты
Приступим к тестированию. Вводим одну из ключевых фраз - "двухъярусный мост", а затем смотрим на рекламный блок ( рис. 5.27):
увеличить изображение
Рис. 5.27. Результаты поиска по ключевой фразе
Наша реклама работает. Но может быть, это только для нас и для нашего региона? Переходим по ссылке "Выход", меняем регион, вводим другую ключевую фразу "Интересное в Воронеже" ( рис. 5.28):
увеличить изображение
Рис. 5.28. Поиск по ключевой фразе для неавторизованного пользователя в Москве
Меняем регион на "Екатеринбург" и вводим фразу "памятник котенку с улицы Лизюкова". Результат точно такой же ( рис. 5.29):
увеличить изображение
Рис. 5.29. Поиск по ключевой фразе для неавторизованного пользователя в Москве
Наша реклама работает и, в принципе, осталось только ждать посетителей сайта, которые станут клиентами.
Рассмотрим одну особенность, которую нужно учитывать при написании ключевых фраз. Дело в том, что в одной из них мы допустили ошибку - написали "деревЕнная" вместо "деревЯнная" скульптура. Введем в поисковой строке неверную фразу - Яндекс исправляет ошибку, предлагая результаты для правильного слова, а реклама отображается ( рис. 5.30):
увеличить изображение
Рис. 5.30. Поиск по фразе с ошибкой
А теперь вводим правильную фразу - "деревЯнная скульптура" ( рис. 5.31):
увеличить изображение
Рис. 5.31. Поиск по правильной фразе
Переходим к просмотру всех объявлений и видим… Что нашей рекламы здесь нет ( рис. 5.32):
увеличить изображение
Рис. 5.32. Все рекламные запросы по фразе "Деревянная скульптура"
Поэтому нужно быть внимательным при размещении ключевых фраз. Если мы сами напишем фразу с ошибкой, то только для ошибочной фразы и будет отображаться наша реклама. С другой стороны, согласно уже приводимым выше рекомендациям, следует, наоборот, учитывать то, что пользователи могут ошибаться и вводить неверные поисковые запросы. Если нужно отредактировать ключевые фразы, то допускается это сделать в любое время. Но объявление будет повторно проходить модерацию. Поэтому лучше всего исправлять ошибки в рабочее время - тогда рекламная кампания повторно будет запущена буквально через час.
На сайте http://www.intuit.ru тоже размещены блоки Яндекс.Директа. По контексту, этому сайту соответствуют такие ключевые фразы как "высшее образование", "дистанционное обучение", "второе образование", "заочное обучение" и т.д. Однако есть еще один удивительный аспект контекстной рекламы - это подстраивание отображаемых объявлений под те поисковые фразы, которые до перехода на сайт искал пользователь ( рис. 5.33):
увеличить изображение
Рис. 5.33. Реклама v-rn.narod.ru на сайте ИНТУИТ
Как это работает? Пользователь Яндекса (даже неавторизованный) набирает такие запросы, как "фотографии Воронежа", "котенок с улицы Лизюкова", "памятники Воронежа" и т.п. А потом открывает сайт Интернет Университета Информационных Технологий и в блоке Яндекс.Директа видим… рекламу нашего сайта!!! Так эта реклама подстраивается под интересы пользователя. Поэтому если мы видим на хорошем сайте не вполне понятную рекламу, значит - на нашем компьютере кто-то до нас искал что-то непонятное.
Проходит один день, наша рекламная кампания работает, как вдруг в ящик приходит письмо ( рис. 5.34):
увеличить изображение
Рис. 5.34. Письмо с услугой "Первой помощи"
Суть письма - нам предложили откорректировать текст объявления. Так называемая услуга "Первой помощи" включает в себя следующее:
Услуга "Первая помощь" оказывается начинающим пользователям Яндекс.Директа. К их числу относятся рекламодатели, у которых не более двух рекламных кампаний и не более пяти объявлений в каждой. При этом, рекламодатель не пользуется тарифом "Беззаботный" и не является клиентом агентства. Услуга может быть оказана по заявке от рекламодателя, автоматически при отрицательном результате модерации, если рекламодатель допустил несущественные ошибки при создании первого объявления, а также пользователям "Легкого" интерфейса.
После получения заявки на "Первую помощь" сотрудники Яндекса рассматривают рекламную кампанию и предлагают свой вариант рекламных блоков и ключевых фраз к ним. После выполнения заявки в кампании, в разделе "Рекомендации", появляется новый набор рекламных объявлений.
Рекламодатель по своему усмотрению может полностью или частично воспользоваться предложенными вариантами или отказаться от них.
Правила предоставления услуги:
В данном случае помощь со стороны Яндекса была оказана без всяких обращений с нашей стороны. Идем в раздел "Мои объявления" - посмотрим, какие предлагаются рекомендации ( рис. 5.35):
увеличить изображение
Рис. 5.35. Рекомендации "Первой помощи"
Объявление было изменено - модераторы Яндекса сделали его более читабельным и ясным ( рис. 5.36):
увеличить изображение
Рис. 5.36. Измененный текст объявления
Это всего лишь рекомендации, которые носят не обязательный характер. Мы можем отказаться от них. Но сейчас объявление стало действительно лучше, поэтому нажимаем на кнопку "Принять рекомендованные объявления", отмечаем галочки "остановить все существующие объявления", "поместить в архив все существующие объявления" ( рис. 5.37):
увеличить изображение
Рис. 5.37. Принятие рекомендаций
Объявление опять должно пройти модерацию, что и отмечается в статусе ( рис. 5.38):
увеличить изображение
Рис. 5.38. Статус объявления после принятия рекомендаций
И вот спустя час уже новый текст объявления доступен на главной странице поиска ( рис. 5.39):
увеличить изображение
Рис. 5.39. Измененный текст объявления на странице поиска
С момента получения письма до включения нового текста прошло менее часа. Это действительно быстро работает.
В предыдущей лекции мы рассматривали работу сервиса Яндекс.Метрика. Тогда, когда мы ставили счетчики просто чтобы пересчитывать посетителей, многочисленные возможности казались излишними. Теперь мы расходуем деньги в рамках рекламы, а это значит, что нужны хорошие инструменты ее отслеживания. Посмотрим источники трафика - за неделю переходы по рекламе составили 38 процентов ( рис. 5.40):
увеличить изображение
Рис. 5.40. Яндекс.Метрика. Источники трафика после введения рекламной кампании
Самое интересное, что на этом графике при любом раскладе все хорошо для нас. Много переходов по рекламе - хорошо. Мало переходов - значит, деньги на рекламу не расходуются. Но, разумеется, раз наша цель не экономить рекламный бюджет, а привлекать новых клиентов, то здесь нужно что-то изменять. Например, ключевые слова.
Карта путей теперь тоже отображает статистику рекламных переходов ( рис. 5.41):
увеличить изображение
Рис. 5.41. Яндекс.Метрика. Карта путей для v-rn.narod.ru после введения рекламной кампании
Другие группы, такие как "География" и "Демография" тоже будут весьма полезны как для анализа общей посещаемости, так и для продумывания рекламы.
Надо признаться, что начинающе-регионально-краеведческие ресурсы - не самые популярные сайты. За неделю рекламной кампании на сайт пришло всего 23 человека. Правда, мы и потратили на это сто семьдесят с небольшим рублей ( рис. 5.42):
увеличить изображение
Рис. 5.42. Отчет за неделю рекламной кампании
Но это не является показателем неэффективности рекламной кампании. Нельзя сказать, что за неделю мы привлекли ВСЕГО 23 человека. Нужно сказать, что на учебный сайт, который мы слепили буквально две лекции подряд, за неделю рекламы целенаправленно пришло УЖЕ 23 человека. Для хоть что-нибудь показывающе-продающих сайтов эти цифры будут на много порядков больше. Проверить это утверждение, при цене от 30 копеек за клик достаточно просто. А мы делаем выводы по технической стороне вопроса.
Мы рассмотрели одну сторону контекстной рекламы - ту, где мы должны платить за рекламу своего сайта. Но есть еще и вторая - там, где Яндекс платит за размещение рекламы на сайте. Другими словами, владельцы сайтов, которые размещают блоки тематической рекламы, получают доход (рис. 5.43):
увеличить изображение
Рис. 5.43. Рекламный блок Яндекс.Директа на сайте www.intuit.ru
Как обычно, оплата начисляется не за показ, а за переходы, то есть клики. Самый интересный вопрос - а сколько на этом можно заработать? Согласно пресс-релизу компании, в 2007 году, "в среднем каждый партнер зарабатывал с помощью Рекламной сети 7000 рублей в месяц". В целом, доход сайта зависит от его посещаемости и, соответственно от числа переходов по рекламе.
Для того чтобы стать партнером рекламной сети Яндекса, необходимо соответствовать нескольким правилам. Пожалуй, самое существенное из них - сайт должен обладать посещаемостью не менее 300 посетителей в сутки.
Стоит ли размещать блок контекстной рекламы на своем сайте? Ведь она будет выводить ссылки на сайты, с похожей тематикой. На конкурентов то есть. Мысли многих владельцев сайтов и соответствующие комментарии посетителей можно проиллюстрировать так (рис. 5.44):
Рис. 5.44. Мнение - зачем рекламировать конкурентов
Но для партнеров участников есть возможность отключать показ объявлений прямых конкурентов. Тогда будем размышлять так (рис. 5.45):
увеличить изображение
Рис. 5.45. Мнение - конкуренты исключены
Но исключение части объявлений уменьшит количество показываемых объявлений и, соответственно, уменьшит доход от рекламы. Но дело даже не в этом. Если показывать все объявления, то посетители, конечно, будут переходить на сайты конкурентов. Но делать они это будут, как правило, только тогда, когда не обнаружат нужный товар у вас. Кроме того, входной точкой - на все сайты, станет ваш сайт. Поэтому его привлекательность только повысится. Мнение владельца самого умного сайта будет выглядеть так (рис. 5.46):
увеличить изображение
Рис. 5.46. Мнение - нужно рекламировать все и всех
Конечно, контекстная реклама - это всего лишь один из эффектов от основной работы сайта. Поэтому стоит ли размещать ее на своем сайте - решать вам.
Мы рассмотрели лишь основные моменты работы с контекстной рекламой. Не нужно бояться сделать первый шаг и стоит обратить внимание на этот весьма эффективный, быстроразвивающийся сегмент отрасли.