Типичные комментарии к статьям о микроразметке
среда, 12 августа 2015 г.
Как использовать микроразметку Schema.org: руководство для чайников
Вы знаете, что такое schema.org, но никак не можете внедрить ее на свой сайт? Вы прочитали кучу статей по теме, но ни одна из них не дала вам четкого руководства к действию? И вроде бы все понятно, но коды все-равно не работают?
Цель - оповестить поисковому роботу о содержании страницы
<!-- Цель - оповестить поисковому роботу о содержании страницы: - тип сайта (строительная компания) - адрес, контакты и короткое описание компании - суть содержания: Страница вывода материалов - необходимо обозначение ссылки меню (хлебные крошки) на данной странице В данном случае нам подходит тип - WebPage --> <!-- КОНТЕЙНЕР --> <div itemscope itemtype = "http://schema.org/WebPage"> <!-- СВЕДЕНИЯ О КОМПАНИИ --> <div itemprop = "publisher" itemscope itemtype = "http://schema.org/HomeAndConstructionBusiness"> <h1 itemprop = "name">Антей</h1> <span itemprop = "description">Строим все что движется</span> <div itemprop = "address" itemscope itemtype = "http://schema.org/PostalAddress"> Индекс: <span itemprop = "postalCode">109431</span> город <span itemprop = "addressLocality">Москва</span> <span itemprop = "streetAddress">улица Привольная дом 75</span> </div> телефон: <span itemprop = "telephone">+7 495 722-28-80</span> </div> <!-- СВЕДЕНИЯ О КОМПАНИИ// --> <!-- МЕНЮ --> <ul itemprop = "breadcrumb"> <li><a href="home">О компании Антей</a></li> <li><a href="portfolio">Наши работы</a></li> <li><a href="news"></a>Новости</li> <li><a href="price"></a>Цены</li> <li><a href="contacts">Контакты</a></li> </ul> <!-- МЕНЮ// --> <!-- СОДЕРЖАНИЕ --> <div itemprop = "about isFamilyFriendly">
<!-- Цель - оповестить поисковому роботу о содержании страницы: - тип сайта (строительная компания) - адрес, контакты и короткое описание компании - суть содержания: Контакты - необходимо обозначение ссылки меню (хлебные крошки) на данной странице В данном случае нам подходит тип - ContactPage --> <!-- КОНТЕЙНЕР --> <div itemscope itemtype = "http://schema.org/ContactPage"> <!-- СВЕДЕНИЯ О КОМПАНИИ (Данный блок не обязателен, но чтобы не озадачивать себя "переворачиванием" уже почти готового шаблона мы его оставим) --> <div itemprop = "publisher author" itemscope itemtype = "http://schema.org/HomeAndConstructionBusiness"> <h1 itemprop = "name">Антей</h1> <span itemprop = "description">Строим все что движется</span> <div itemprop = "address" itemscope itemtype = "http://schema.org/PostalAddress"> Индекс: <span itemprop = "postalCode">109431</span> город <span itemprop = "addressLocality">Москва</span> <span itemprop = "streetAddress">улица Привольная дом 75</span> </div> телефон: <span itemprop = "telephone">+7 495 722-28-80</span> </div> <!-- СВЕДЕНИЯ О КОМПАНИИ// --> <!-- МЕНЮ --> <ul itemprop = "breadcrumb"> <li><a href="home">О компании Антей</a></li> <li><a href="portfolio">Наши работы</a></li> <li><a href="news"></a>Новости</li> <li><a href="price"></a>Цены</li> <li><a href="contacts">Контакты</a></li> </ul> <!-- МЕНЮ// --> <!-- СОДЕРЖАНИЕ --> <div itemprop = "about isFamilyFriendly"> <!-- НАЗВАНИЕ СТРАНИЦЫ --> <h2 itemprop = "headline">Наши Контакты</h2> <!-- НАЗВАНИЕ СТРАНИЦЫ// --> <!-- ИНФОРМАЦИЯ ОБ ОСНОВНЫХ КОНТАКТАХ КОМПАНИИ --> <div itemprop = "contentLocation" itemscope itemtype = "http://schema.org/Place"> <h3 itemprop = "name">Антей</h3> <!-- ИЗОБРАЖЕНИЕ --> <div itemprop = "photos" itemscope itemtype = "http://schema.org/ImageObject"> <img src="logo.jpg" itemprop = "image" alt="Логотип Антей"/> <span itemprop = "caption" >Логотип Антей</span> </div> <!-- ИЗОБРАЖЕНИЕ// --> <div itemprop = "address" itemscope itemtype = "http://schema.org/PostalAddress"> Индекс: <span itemprop = "postalCode">109431</span> город <span itemprop = "addressLocality">Москва</span> <span itemprop = "streetAddress">улица Привольная дом 75</span> </div> <!-- ВСТАВЛЯЕМ КАРТУ --> Схема проезда: <span itemprop = "maps">[Код карты yandex/google]</span> <!-- УКАЗЫВАЕМ ГЕО КООРДИНАТЫ (видны только роботу) --> <span itemprop = "geo" itemscope itemtype = "http://schema.org/GeoCoordinates"> <meta itemprop="latitude" content="40.75" /> <meta itemprop="longitude" content="73.98" /> </span> телефон: <span itemprop = "telephone">+7 495 722-28-80</span> </div> <!-- ИНФОРМАЦИЯ ОБ ОСНОВНЫХ КОНТАКТАХ КОМПАНИИ// --> <!-- СПИСОК КОНТАКТОВ (указываем роботу что даннное содержание является списком материалов) --> <div itemprop = "isPartOf" itemscope itemtype = "http://schema.org/CollectionPage"> <!-- КОНТАКТ 1 --> <div itemprop = "about" itemscope itemtype = "http://schema.org/Person"> <!-- Имя --> <span itemprop = "name" >Василий Васильевич</span> <!-- Должность --> Должность: <span itemprop = "jobTitle" >Генеральный директор</span> <!-- Телефоны --> <div > Телефон: <span itemprop = "telephone" >+7 495 000-00-00</span> Мобильный: <span itemprop = "telephone" >+7 985 000-00-00</span> </div> <!-- Факс --> Факс: <span itemprop = "faxNumber" >+7 495 000-00-10</span> </div> <!-- КОНТАКТ 1 --> <!-- КОНТАКТ 2 --> <div itemprop = "about" itemscope itemtype = "http://schema.org/Person"> <!-- Имя --> <span itemprop = "name" >Сергей Сергеевич</span> <!-- Должность --> Должность: <span itemprop = "jobTitle" >Заместитель Генерального директора</span> <!-- Телефоны --> <div > Телефон: <span itemprop = "telephone" >+7 495 000-00-01</span> Мобильный: <span itemprop = "telephone" >+7 985 000-00-01</span> </div> <!-- Факс --> Факс: <span itemprop = "faxNumber" >+7 495 000-00-11</span> </div> <!-- КОНТАКТ 2 --> <!-- КОНТАКТ 3 --> <div itemprop = "about" itemscope itemtype = "http://schema.org/Person"> <!-- Имя --> <span itemprop = "name" >Марья Ивановна</span> <!-- Должность --> Должность: <span itemprop = "jobTitle" >Менеджер по работе с клиентами</span> <!-- Телефоны --> <div > Телефон: <span itemprop = "telephone" >+7 495 000-00-02</span> Мобильный: <span itemprop = "telephone" >+7 985 000-00-02</span> </div> <!-- Факс --> Факс: <span itemprop = "faxNumber" >+7 495 000-00-12</span> </div> <!-- КОНТАКТ 3 --> </div> <!-- СПИСОК КОНТАКТОВ// --> </div> <!-- СОДЕРЖАНИЕ// --> </div> <!-- КОНТЕЙНЕР// -->
<!-- Цель - оповестить поисковому роботу о содержании страницы: - тип сайта (строительная компания) - адрес, контакты и короткое описание компании - суть содержания: Главная страница она же страница "О компании". Новости компании будут выводится на иной странице. - необходимо обозначение ссылки меню (хлебные крошки) на данной странице В данном случае нам подходит тип - WebPage --> <!-- КОНТЕЙНЕР --> <div itemscope itemtype = "http://schema.org/WebPage"> <!-- СВЕДЕНИЯ О КОМПАНИИ (но в этот раз укажем что эта же компания является автором добавим: author) --> <div itemprop = "publisher author" itemscope itemtype = "http://schema.org/HomeAndConstructionBusiness"> <h1 itemprop = "name">Антей</h1> <span itemprop = "description">Строим все что движется</span> <div itemprop = "address" itemscope itemtype = "http://schema.org/PostalAddress"> Индекс: <span itemprop = "postalCode">109431</span> город <span itemprop = "addressLocality">Москва</span> <span itemprop = "streetAddress">улица Привольная дом 75</span> </div> телефон: <span itemprop = "telephone">+7 495 722-28-80</span> </div> <!-- СВЕДЕНИЯ О КОМПАНИИ// --> <!-- МЕНЮ --> <ul itemprop = "breadcrumb"> <li><a href="home">О компании Антей</a></li> <li><a href="portfolio">Наши работы</a></li> <li><a href="news"></a>Новости</li> <li><a href="price"></a>Цены</li> <li><a href="contacts">Контакты</a></li> </ul> <!-- МЕНЮ// --> <!-- СОДЕРЖАНИЕ --> <div itemprop = "about isFamilyFriendly"> <!-- НАЗВАНИЕ МАТЕРИАЛА --> <h2 itemprop = "headline">О Компании Антей</h2> <!-- НАЗВАНИЕ МАТЕРИАЛА// --> <!-- ДАТА СОЗДАНИЯ, СВЕДЕНИЯ ОБ АВТОРСТВЕ, РЕЙТИНГ:не требуется --> <!-- ИЗОБРАЖЕНИЕ МАТЕРИАЛА (указываем что это главное изображение) --> <div itemprop = "primaryImageOfPage" itemscope itemtype = "http://schema.org/ImageObject"> <img src="logo.jpg" itemprop = "image" alt="Логотип Антей"/> <span itemprop = "caption" >Логотип Антей</span> </div> <!-- ИЗОБРАЖЕНИЕ МАТЕРИАЛА// --> <!-- КРАТКОЕ ОПИСАНИЕ МАТЕРИАЛА --> <div itemprop = "about" itemscope itemtype = "http://schema.org/Thing"> <div itemprop = "description"> <p>Рассказать сказку? Давай! ...40 см...! Что то короткая сказка! Зато длинный конец!)))</p> </div> </div> <!-- КРАТКОЕ ОПИСАНИЕ МАТЕРИАЛА// --> <!-- СОБСТВЕННО ТЕКСТ МАТЕРИАЛА --> <div > <p>Текст материала текст материала текст материала текст материала текст материала текст материала текст материала текст материала текст материала текст материала текст материала текст материала текст материала текст материала текст материала текст материала текст материала текст материала текст материала текст материала текст материала текст материала текст материала текст материала</p> </div> <!-- СОБСТВЕННО ТЕКСТ МАТЕРИАЛА// --> <!-- ДИПЛОМЫ --> <div itemprop = "awards" > <span>Диплом имени Равшана</span> <span>Премия имени Джумшута</span> <span>Благодарность от народов СНГ</span> </div> <!-- ДИПЛОМЫ --> <!-- КОММЕНТАРИИ --> <div itemprop = "reviews" itemscope itemtype = "http://schema.org/Review" > <!-- КОММЕНТАРИЙ 1 --> <!-- КОММЕНТАРИЙ 1:тема --> <span itemprop = "name" >Молодцы</span> <!-- КОММЕНТАРИЙ 1:имя комментатора --> <span itemprop = "author" >Владимир Владимирович</span> <!-- КОММЕНТАРИЙ 1:рейтинг комментария --> <div itemprop = "reviewRating" itemscope itemtype = "http://schema.org/AggregateRating"> <meta itemprop = "worstRating" content = "1" > <meta itemprop = "bestRating" content = "10" > Оценка: <span itemprop = "ratingValue">9.5</span> оценили: <span itemprop = "ratingCount">7</span>раз </div> <!-- КОММЕНТАРИЙ 1:текст комментария --> <span itemprop = "description" >Очень понравилось то что вы сделали в Кремле</span> <!-- КОММЕНТАРИЙ 1// --> <!-- КОММЕНТАРИЙ 2 --> <!-- КОММЕНТАРИЙ 2:тема --> <span itemprop = "name" >RE:Молодцы</span> <!-- КОММЕНТАРИЙ 2:имя комментатора --> <span itemprop = "author" >Дмитрий</span> <!-- КОММЕНТАРИЙ 2:рейтинг комментария --> <div itemprop = "reviewRating" itemscope itemtype = "http://schema.org/AggregateRating"> <meta itemprop = "worstRating" content = "1" > <meta itemprop = "bestRating" content = "10" > Оценка: <span itemprop = "ratingValue">9.5</span> Оценили: <span itemprop = "ratingCount">7</span>раз </div> <!-- КОММЕНТАРИЙ 2:текст комментария --> <span itemprop = "description" >Это точно Владимир Владимирович!</span> <!-- КОММЕНТАРИЙ 2// --> </div> <!-- КОММЕНТАРИИ// --> </div> <!-- СОДЕРЖАНИЕ// --> </div> <!-- КОНТЕЙНЕР// -->
<div itemscope itemtype="http://data-vocabulary.org/Recipe" >
<h1 itemprop="name">TITLE</h1>
<img itemprop="photo" src="ссылка нафото" />
<time datetime="P1D" itemprop="prepTime"></time>
<span itemprop="review" itemscope itemtype="http://data-vocabulary.org/Review-aggregate">
<span itemprop="rating">рейтинг</span><span itemprop="count">к-во отзывы</span>
</div>
Изучение английского с помощью мультимедиа: как хакнуть свою память
Сейчас есть немало способов изучения английского, многие из которых претендуют на то, чтобы быть интересными и доступными. Как замотивировать студента? Как сделать процесс обучения ещё увлекательней и интерактивней?! Ну, я уже и не знаю… Занятия под амфетамином?! Этот вариант имеет существенные недостатки =). Предлагаю рассмотреть мой способ изучения английского языка
Программа Lingua.Get для быстрого добавления слов из Lingualeo в Anki с картинками и звуками
Anki — лучшая программа для выполнения интервальных повторений – обязательного условия для эффективного запоминания иностранных слов. Я активно использую Anki в моей выскотехнологичной методике чтения книг на английском языке.
Если ваш преподаватель языка заставляет записывать вас вручную слова в словарь-тетрадку, не соглашайтесь на эти глупости и просвещайте таких ретроградов об Anki и методе интервальных повторений. Интервальные повторения — необходимое условие для того что бы что-то выучить, при этом фактически происходит «прошивка» мозга. Это научно доказано психологом Эббингаузом еще в 1885 г., который вывел такое понятие как кривая забывания.
Владислав Тиличенко создал программу Lingua.Get для быстрого добавления слов из Lingualeo в Anki с картинками и звуками.
Как работать с программой Lingua.Get
Программа Lingua.Get предназначена для работы в операционной системе Windows. Она не требует установки и запускается простым щелчком по файлу Lingua.get.exe
При первом запуске необходимо указать почтовый адрес и пароль от сайта LinguaLeo, и нажать кнопку “Вход”:
При последующих сеансах работы с программой, авторизацию проходить уже не нужно. Если необходимо сменить пользователя, зайдите в каталог программы, удалите файл “cookies.txt”, и повторите вход под новым пользователем.
Следующий шаг – выберите раздел сайта lingualeo.ru, из которого будете загружать слова:
Если выбрать первый или второй пункт, сразу загрузится список слов. После щелка по третьему пункту нужно будет дополнительно выбрать категорию и набор слов.
Последний шаг – сохраняем загруженный список слов в одном из трех форматов.
“Online” — список слов сохраняется в текстовом формате, понятном программе Anki. Ссылки на звуки и картинки ведут прямо в интернет.
“Offline” — текстовый файл для программы Anki + папка со всеми звуками и картинками. Ссылки в текстовом файле ведут на папку collection.media в рабочем профиле Anki.
“Html” — файл со списком слов. Ссылки на звуки и картинки ведут прямо в интернет.
Примечание 1: В режиме “offline” загрузка картинок и звуков должна производиться в папку collection.media профиля программы Anki, в котором позже будет восстанавливаться данная колода. Путь необходимо выбрать в выпадающем списке на форме загрузки:
Примечание 2: Под кнопками загрузки расположен флажок:
Он включает либо отключает выделение изучаемых слов в тексте примера на карточке:
Инструкция по созданию колод в программе Anki
Теперь поговорим о программе Anki и создании в ней колоды по полученному нами текстовому файлу.
При запуске Anki (либо через меню “Файл > Сменить профиль…”) выбираем профиль, в папке collection.media которого уже лежат загруженные нами картинки и звуки.
Дальше создадим новый тип записи, например “Leo”. Это делается через меню “Инструменты”, пункт “Управление типами записей …”, кнопка “Добавить”. Откроется форма “Типы записи”, в которой жмем, как показано на рисунке:
В открывшемся окошке введем название нового типа – “Leo”:
Дальше открываем форму добавления полей:
С помощью кнопок Добавить и Переименовать создаем список полей как на рисунке:
И обязательно для поля transcription указываем шрифт “Arial Unicode MS” или “Lucida Sans Unicode”
(должен быть установлен в системе). “Arial Unicode MS” можно взять здесь.
(должен быть установлен в системе). “Arial Unicode MS” можно взять здесь.
Теперь открываем форму создания типа карточек:
Дальше создаем шаблон карточек. Для этого заполняем три левых блока кодами, приведенными в таблице под рисунком:
Шаблон лицевой стороны (вопроса):
Шаблон оборотной стороны:
Таблица стилей:
Дальше в меню Anki делаем импорт текстового файла, сделанного в программе Lingua.Get
Проверяем, чтобы все было как на рисунке, и жмем “Импорт”
Все сделано. Можно приступить к изучению слов.
Использование Anki на мобильном устройстве
Если Вы планируете учить слова без подключения к Интернет или на мобильном устройстве (как делаю это я в программе AnkiDroid), то необходимо использовать offline-режим сохранения словаря.
Для того что бы учить карточки на мобильном устройстве, нужно сделать аккаунт в веб-версии Anki, нажать кнопку синхронизации и ввести учетные данные.
Далее уже в AnkiDroid нажимаете на кнопку синхронизции – и все карточки будут скачаны на мобильное устройство с картинками и звуками.
Виджет Anki позволяет видеть сколько карточек вам нужно повторить. Раз у вас есть словарь Lingualeo – ставьте их приложение и вытягивайте виджет «Лео-спринт».
Если Вам понравилась данная программа или есть друзья, которые изучают английский язык, то поделитесь этим материалом при помощи соцсетей или просто переслав им линк:
70 способов улучшить свой английский
Изучение английского языка должно быть непрерывным. Тогда вы действительно почувствуете результат. Почитайте наши советы, как сделать этот процесс изучения непрерывным, но и не напрягающим.
О пользе знания английского говорить бессмысленно. Но изучение этого языка — дело не самое простое. Мы подготовили для вас несколько десятков советов, которые помогут успешно справиться с этой задачей.
