- Презентации
- Презентация по информатике на тему HTML: Мета-теги в управлении страниц (11 класс)
Презентация по информатике на тему HTML: Мета-теги в управлении страниц (11 класс)
Автор публикации: Чинилина И.Н.
Дата публикации: 07.04.2016
Краткое описание: При сегодняшних учебных планах, когда количество часов на материал предмета сокращается, не всегда есть возможность объяснить дополнительные сведения по теме. К такой категории дополнительной информации относится понятие "МЕТА теги" в блоке Web-строение на языке HTML. Предл
1
Мета теги HTML Урок 1-2
2
Мета-теги определение — HTML-теги, предназначенные для предоставления структурированных метаданных о веб - странице. Как правило, указываются в заголовке HTML-документа.
0
Благодаря этой рекламе сайт может продолжать свое существование, спасибо за просмотр.
3
Нахождение в документе META-теги должны находиться в заголовке HTML-документа между <,HEAD>, и <,/HEAD>, (особенно это важно для документов, использующих фреймы):
4
META-теги имеют два возможных атрибута <,META HTTP-EQUIV=имя CONTENT=содержимое>, <,META NAME=имя CONTENT=содержимое>,
5
и обозначают следующее: http-equiv - указывает браузеру как следует обработать основное содержание документа, точнее на основе каких данных. name - информационное имя. (применяется в паре с атрибутом content) content - информационное содержание, связанное с мета именем (name)
6
<,meta http-equiv=Content-Type Content=text/html, Charset=Windows-1251“>, <,meta http-equiv=Content-Type - указываем что в этом мета теге мы будем заниматься Content-Type - типом содержания Content=text/html, - а именно его текстом Charset=Windows-1251>, - документ для Windows – Кириллица где 1251 кодировка раскладки клавиатуры, так например Английская клавиатура будет задаваться Charset=Windows-1252
7
Например <,meta http-equiv=Content-Language Content=ru>, это говорит о том что язык Language документа является русским Content=ru .
8
1. Тег title в раскрутке сайта Из всех html тегов, TITLE можно назвать самым важным с точки зрения продвижения. Что характерно, title является по сути служебным, техническим тегом, и отвечает за заголовок документа.
9
В отличие от браузеров, в поисковой выдачи title более чем заметен. Он является кликабельной ссылкой, по которой мы переходим из результатов поиска на собственно найденный сайт. Использование тега поисковыми системами и определяет его исключительную важность.
10
Несколько правил Title должен быть информативным и привлекательным. Не используйте в Title перечисление ключевых слов через запятую. На каждой странице должен быть свой, уникальный заголовок . Title должен содержать ключевые слова. Длинна тега TITLE. Делится на видимую и невидимую часть. Видимая – эта та, которая показывается в поиске (по которой мы кликаем в выдаче гугла или яндекса). Невидимая – та, что не поместилась, но все равно учитывается поисковой системой. Для Яндекса длинна видимой части Title составляет 70-80 символов. Для Гугла 55-70 символов.
11
2. Что такое Meta Description? Этот тег используется для описания содержимого веб - страницы. Содержимое этого тега должно быть кратким и лаконичным в письменной форме от 20 до 25 слов или меньше. Это большинство карт SE используются для отображения содержимого результатов поиска.
12
<,META NAME=description CONTENT=Данный сайт содержит информацию для любителей старинных автомобилей“>, Самый широко используемый тег. Практически все поисковые системы учитывают его при индексации. Значение этого тега очень важно для раскрутки сайта, практически все поисковые системы опираются на этот тег, а некоторые выводят содержимое этого тега в результатах поиска (Google), поэтому желательно не просто указывать краткое описание документа, но сделать его содержание привлекательным рекламным сообщением.
13
3. Мета тег Author и Copyright Функция тегов — идентификация автора или принадлежности документа. Тег Author содержит имя автора Интернет-страницы, в том случае, если сайт принадлежит какой-либо организации, целесообразнее использовать тег Copyright. <,meta name=author content=Велимира Лисичкина />, <,meta name=copyright lang=ru content=ПБОЮЛ Велимира Лисичкина />,
14
4. Мета тег Keywords Поисковые системы используют для того, чтобы определить релевантность ссылки. При формировании данного тега необходимо использовать только те слова, которые содержатся в самом документе. Рекомендованное количество слов в данном теге — не более десяти. <,meta name=keywords content=Википедия, Мета тег, статья />,
15
5. Мeта тег Robots Формирует информацию о гипертекстовых документах, которая поступает к роботам поисковых систем. Значения могут быть: Index (страница должна быть проиндексирована), Noindex (документ не индексируется), Follow (гиперссылки на странице отслеживаются), Nofollow (гиперссылки не прослеживаются), All (включает значения index и follow, включен по умолчанию), None (включает значения noindex и nofollow). <,meta name=robots content=index,follow />,
16
META-теги — это необязательные атрибуты, размещенные в заголовке страницы, которые могут содержать ее описание, ключевые слова к ней, информацию об авторе, управляющие команды для браузера и поисковых роботов, и прочую служебную информацию, не предназначенную для посетителей. Вывод:
17
Атрибуты Charset - Задает кодировку документа. Content - Устанавливает значение атрибута, заданного с помощью name или http-equiv. http-equiv - Предназначен для конвертирования мета тега в заголовок HTTP. Name - Имя мета тега, также косвенно устанавливает его предназначение.
18
<,html>, <,head>, <,title>,Тег META<,/title>, <,meta charset=utf-8>, <,meta name=GENERATOR content=Microsoft FrontPage 4.0>, <,meta name=ProgId content=FrontPage.Editor.Document>, <,/head>, <,body>, <,p>,...<,/p>, <,/body>, <,/html>, Например
19
20
21
Список ресурсов https://habrahabr.ru/post/72141/ http://www.ultersuite.ru/articles/meta/ http://htmlbook.ru/html/meta https://ru.wikipedia.org/wiki/Метатеги http://www.webremeslo.ru/html/glava10.html http://www.semonitor.ru/manual/5.4-keywords.html http://www.semonitor.ru/manual/5.2-title.html http://vxf.vn/threads/them-keywords-meta-tag-cho-xenforo.96/ http://info-lite.ru/internet/201-borba-s-dublirovaniem-kontenta-v-dle.html