Что нужно знать, чтобы «писать» сайты? Написание сайтов

Что нужно знать, чтобы «писать» сайты?

программирование сайтов Многие люди одержимы тем, чтобы хоть что-то заработать в Интернете. Одним из самых надёжных способов заработка – это создание профессиональных сайтов с «нуля». Конечно, многие люди в наше время пользуются различного рода готовыми движками, называемыми CMS, и конструкторами сайтов, однако по ряду веских причин, всегда есть потребность в сайтах написанных специально для какого-то проекта, так называемых «самописных» сайтах. Что нужно знать, чтобы «писать сайты»?

Сначала скажем, что есть 2 вида сайтов: статические и динамические. Чтобы научиться самому создавать статические сайты, достаточно овладеть клиентскими языками программирования, такими как HTML, CSS, JavaScript и так далее.

Почему они «клиентские»? Потому, что программный код этих языков интерпретируется на стороне клиента – вашего интернет-браузера. Для того, чтобы освоить эти языки не нужно быть супер-математиком, или тратить много времени и денег на обучение – нужно лишь пара месяцев и вы уже готовый HTML-верстальщик! Так что всё в ваших руках.

Чтобы разрабатывать динамические, профессиональные веб-сайты – нужно потрудиться немного больше. Помимо клиентских языков, нужно знать серверный язык например PHP или Perl без которых современное программирование сайтов невозможно представить. Почему эти языки серверные? По аналогии с пользовательскими – скрипты этих языков выполняются на стороне сервера и недоступны другим пользователям при просмотре веб-страницы. Именно на таких языка пишется, так называемый, «движок сайта».

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

tods-blog.com.ua

Как самостоятельно создать собственный сайт

После того как вы ознакомились с созданием простейшего одностраничного сайта перейдем к сайту посложнее , из пяти страниц.

Ввиду того,что мы будем создавать простой пятистраничный сайт мы рассмотрим создание сайта без CMS (без движка).Стоит заметить что для создания сайта применяются табличная или блочная верстка.В большинстве случаев для создания применяется и табличная и блочная верстка.Здесь мы будем рассматривать табличную верстку.

Во первых необходимо создать папку к примеру в "Мои документы" и назвать "htdocs".В эту папку вы должны помещать все документы связанные с созданием сайта.

Для описания страницы применяются теги.В основном они парные,то есть один открывает тег например <html>,а другой закрывает </html>.Напишем необходимый минимальный набор тегов.Для этого можно использовать любой текстовый редактор,сохраняющий документ в формате HTML,например "Блокнот" - стандартный редактор в Windows.При сохранении в этом редакторе в строке "тип файла" выберите - Все файлы,а в строке "имя файла" - ваше имя файла и формат-html.Примерно вот так - "site.html".

Пишем код таблицы между тегами <body> и </body>.

Далее приступим к созданию таблицы.Составим таблицу, что бы разместить наши данные в тех частях страницы в которых мы хотим их видеть.Таблицы для того и служат чтобы представлять данные по всей странице.Сделаем таблицу из 3 строк <tr> и 3 столбцов <td> всего 9 ячеек.

Пишем код таблицы(здесь и далее вставляемые элементы будут выделены красным цветом.)

Контент сайта пишется в ячейке между тегами <td> и </td>

Так таблица будет выглядеть :

<html> <head&gt<title> </title> </head><body><table Border=0><tr><td>1 ячейка</td> <td>2 ячейка</td> <td>3 ячейка</td><tr> <td>4 ячейка</td> <td>5 ячейка</td> <td>6 ячейка</td><tr><td>7 ячейка</td> <td>8 ячейка</td> <td>9 ячейка</td></tr></table> </body> </html>

Теперь приступим к точной разметке таблицы введя теги width и height в тег <table> и <td> таблицы.Ширину width и высоту height таблицы можно задавать в пикселях или в процентах от размера монитора.

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

В теге <table> установим высоту и ширину=100%. В теге <td> указываем проценты от размера таблицы а также желательно сразу указать цвет строк bgcolor,чтобы таблица была видна.

Посмотрите страницу с таблицей в малом окне.Щелкните по фото ниже.

<html><head&gt<title> </title> </head><body><table Border=0><tr bgcolor="#B3FDB2"><td></td><td> <h3>Мой сайт о дизайне</h3></td><td ></td> </tr><tr bgcolor="#D0D2FF"> <tdheight="8%"></td><td></td><td height="8%"></td></tr><tr bgcolor="#FFF0F0"><td></td><td> <h4>Мы занимаемся дизайном дома и приусадебного участка.Мы можем спроектировать ландшафты загородного дома.</h4> <</td><td></td></tr></table> </body> </html>

Далее будем наполнять содержимым наш сайт

Напишем во 2 ячейке название страницы,сразу задайте размер шрифта <h3>Мой сайт о дизайне </h3>,в 5 ячейке <h4> Мы занимаемся дизайном дома и приусадебного участка.Мы можем спроектировать ландшафты загородного дома.</h4>

А теперь добавим в наш сайт картинки дизайна.Чтобы вставить картинку или фото на сайт применяется тег <img src="имя.jpg">.Когда будете добавлять свои картинки на сайт,замените имя картинки на своё и поместите их в папку сайта.

<html><head&gt<title> </title> </head><body><table><tr bgcolor="#B3FDB2"><td><img src="landshaft1.jpg"></td><td> Мой сайт о дизайне</td><td ><img src="landshaft2.jpg"></td> </tr><tr bgcolor="#D0D2FF"> <tdheight="8%"></td><td></td><td height="8%"></td></tr><tr bgcolor="#FFF0F0"><td>></td><td>Мы занимаемся дизайном дома и приусадебного участка.Мы можем спроектировать ландшафты загородного дома.</td><td ></td></tr></table> </body> </html>

Посмотрите страницу в малом окне.Щелкните по фото ниже.

<html><head&gt<title>Создание сайта самостоятельно </title></head> <body><table> <tr bgcolor="#B3FDB2"> <td><img src="landshaft1.jpg"></td><td> Мой сайт о дизайне</td><td ><img src="landshaft2.jpg"></td></tr>

<tr bgcolor="#FFF0F0"><td> </td><td>Мы занимаемся дизайном дома и приусадебного участка. Мы можем спроектировать ландшафты загородного дома.</td><td> <a href="site5.html"&gtДизайн для кухни</a></td></tr></table></body></html>

Приступим к дальнейшей вставке содержимого в сайт.Придумайте название сайта и впишите его в заголовок между тегами <title> и </title>

Заголовок сайта будет невидим в рабочей области и нужен для поисковых систем Интернета.

Седьмую ячейку отдадим под меню. Заполните ячейки содержимым сайта к примеру ,в 4 ячейке- Главная, в 5 ячейке-Садовый дизайн, в 6 ячейке-Внутренний дизайн, в 9 ячейке-Кухонный дизайн.

На 4,5,6,9 ячейку тоже создаются вторые страницы со ссылками на них

Посмотрите первую страницу в малом окне.Щелкните по фото ниже.

Смотрим первую страницу сайта на полном экране.Осталось немного,увеличить шрифт и расположить его в середине.В Мой сайт о дизайне добавьте размер шрифта <h4> и измените шрифт основного текста значением <h3></h3> а также разместите эти надписи по центру <center></center>

<html><head&gt<title>Создание сайта самостоятельно </title></head>< body> <table>

<tr bgcolor="#B3FDB2"><td><img src="landshaft1.jpg"></td><td><center> <h4> Мой сайт о дизайне</h4></center></td><td ><img src="landshaft2.jpg"></td> </tr>

<tr bgcolor="#FFF0F0"><td> </td><td><center><h3>Мы занимаемся дизайном дома и приусадебного участка.Мы можем спроектировать ландшафты загородного дома.</h3></center></td>

Посмотрите первую(главную) страницу

Вот теперь вы можете посмотреть первую(главную) страницу

Создайте вторую страницу сайта.Скопируйте минимальный набор тегов которые мы писали в самом начале создания сайта и вставьте в текстовый редактор. Сохраните его под именем site2.html в папке для файлов сайта,которую вы создали в самом начале урока.Это и будет вторая страница сайта на которую мы будем делать ссылку из первой(главной) страницы.Откройте site2.html в текстовом редакторе и напишите <h4> Я покажу вам свои фотографии </h4> а также задайте цвет <font color="#FF0000"> </font> и размер <h3></h3>

<html><head&gt<title> </title></head> <body font color="#FF0000"><h3>Я покажу вам свои фотографии</h3></font></body></html>

Вставьте на страницу фотографии

<img src="land1.jpg"><img src="land2.jpg">Вы можете вставить свои фото,только укажите их размер в пикселях: <img src="имя.jpg">, а также поместите эти фото в папку с сайтом.

Это полный код вашей второй страницы

<html><head&gt<title> </title></head> <body><h3>Я покажу вам свои фотографии</h3><img src="land1.jpg"><img src="land2.jpg"></body></html>

Посмотрите вторую страницу

Смотрим вторую страницу в большом окне.

Сделаем ссылку на эту страницу в первой(главной) странице.Ссылки создаются тегом <a href="имя страницы.html">Ссылка</a> Откройте первую страницу в текстовом редакторе и напишите в 7 ячейке таблицы ссылку <a href="site2.html">Мои фото</a>

Посмотрите полный код вашей главной страницы

<html><head&gt<title> </title></head><body><table><tr bgcolor="#B3FDB2"><td ><img src="landshaft1.jpg"></td><td><center><h4>Мой сайт о дизайне</h4></center></td><td><img src="landshaft2.jpg"></td> </tr>

<tr bgcolor="#D0D2FF"><tdheight="8%"><center><a href="site1-2.html" >Главная</a></center></td><td><center><a href="site5.html" >Садовый дизайн</a> </center></td><tdwidth="20%"height="8%"><center><a href="site5.html" >Дизайн интерьера</a></center></td> </tr>

<tr bgcolor="#FFF0F0"><td> <a href="site2.html" >Мои фото<a></td><td><center><h3>Мы занимаемся дизайном дома и приусадебного участка.Мы можем спроектировать ландшафты загородного дома.</h3></center></td>

Для страниц со ссылок: Садовый дизайн (site5.html) Дизайн интерьера (site7.html)Дизайн для кухни (site8.html)создаются отдельные страницы.

Вот мы и сделали сайт и вы его можете посмотреть здесь

В папке htdocs которую вы создали в начале урока должны быть файлыtab1.htmltab3.htmllandshaft1.jpglandshaft2.jpgsite1-1.htmlsite1-2.htmlsite1-3.htmlsite2.htmlsite5.htmlsite7.htmlsite8.htmlland1.jpgland2.jpg

Важные советы

Когда будете делать свой сайт, главную или первую страницу сайта (у нас она называется site1-3.html) всегда сохраняйте под именем index.html При загрузке с сервера она будет загружаться первой, и возьмите себе за правило сразу ее так и называть, в дальнейшем вы не будете путаться при создании ссылок.

Папка, в которой будете хранить файлы для сайта должна называться htdocs. Имена папок и файлов сохраняйте с английскими буквами. Создавая сайт в одном браузере обязательно просмотрите его в других,потому что сайт созданный к примеру в OPERA может совсем по другому выглядеть к примеру в INTERNET EXPLORER

Мы рассмотрели создание самого простого сайта.Я надеюсь что вы поняли основы создания WEB-страниц.Для того что бы сделать хороший сайт,который пользовался бы успехом в Интернете, надо знать намного больше .К примеру вам надо изучить языки JavaScript,PHP,MySQL и другие ,каскадные таблицы CSS,в общем все это придет вам со временем.

Удачи!

sitesaid.ru

SEO-тексты для сайта - Как писать тексты для сайта, чтобы добиваться первых мест в результах поиска

Главная / Информация по SEO-продвижению / Как писать SEO-тексты для сайта

Он думает как написать текст для сайта Основное правило оптимизатора — посмотри на сайты, которые сейчас в топе, и сделай сайт лучше, чем у них.

В данной статье мы рассмотрим, как «сделать сайт лучше» с точки зрения написания текстов для сайта.

Примечание: По некоторым запросам поисковые системы учитывают не только информацию на отдельной странице, но и весь сайт целиком — и в таком случае нужно сделать сайт в целом лучше, чем у конкурентов.

ОЧЕНЬ ВАЖНО! При написании текстов не забывайте о том, что их будут читать ваши потенциальные клиенты. ХОРОШИЙ SEO-ТЕКСТ — ЭТО ТЕКСТ ДЛЯ ЛЮДЕЙ, который соответствует критериям алгоритмов поисковых систем.

Выберите запросы для продвижения
Посмотрите сайты конкурентов, которые показываются по выбранным вами запросам, и решите, сможете ли вы сделать лучше, чем это уже сделано у них
Разместите основной продвигаемый запрос в начало <title>
Сделайте описание для страницы в теге <description>
Разместите основной продвигаемый запрос в заголовок <h2>
Посмотрите на сайты, которые сейчас в первой десятке по выбранным запросам и составьте план текста для своей страницы
Напишите текст согласно составленному плану
Сделайте описание для социальных сетей

1. Выберите запросы для продвижения

Выберите один основной запрос для продвижения и несколько дополнительных.

Пример: www.kocherov.ru/photography/

Основной запрос: «фотосъёмка недвижимости»

Дополнительные запросы: «фотосъёмка объектов недвижимости», «фотосъёмка недвижимости москва», «фотосъёмка недвижимости цена», «фотосъёмка недвижимости цены», «фотосъёмка недвижимости для продажи»,

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

«Чтобы страница ранжировалась высоко, она должна давать лучший в интернете ответ на вопрос пользователя.»Яндекс.Вебмастер

Если видите, что вам будет слишком сложно написать тексты значительно лучше, чем у конкурентов, то лучше выберите другие запросы, по которым вы сможете стать «лучшими».

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

3. Разместите основной продвигаемый запрос в начало <title>

«Заголовок страницы — это текст, определяемый в HTML тегом <TITLE>. С его помощью веб-мастер дает понять поисковой системе, что содержится на странице. Текст, который обрамляется тегами , отображается браузером в заголовке окна. Кроме того, этот текст будет содержать и ссылку на ваш сайт на странице результатов поиска Яндекса, то есть это, в некотором роде, визитная карточка вашего ресурса. Поэтому от того, как написан заголовок, зависит, появится или нет у пользователя желание перейти на страницу вашего сайта для получения более подробной информации. Хорошо также, если заголовок не только содержит ключевые слова, но также информативен и актуален. Укажите в заголовке краткое описание предоставляемых услуг. Бессмысленно перечислять здесь большое количество ключевых фраз — пользователь не сможет их увидеть, поскольку они просто не поместятся на экран монитора.»Яндекс.Вебмастер</p> <p> «Тег <title> сообщает название страницы как пользователям, так и поисковым системам. Содержимое тега <title> будет названием вашей страницы в результатах поиска. Слова, содержащиеся в поисковом запросе пользователя, будут выделены жирным шрифтом в заголовках поисковой выдачи. Название каждой страницы должно быть уникально - в идеале у каждой страницы должно быть свое уникальное название, говорящее поисковой системе о том, как данная страница отличается от других страниц вашего сайта. Если название слишком длинное, то Google покажет в поисковой выдаче только его часть.» Руководство по поисковой оптимизации для начинающих </p> <p>Основной продвигаемый запрос желательно разместить в самом начале <title> в точном написании, в правильном времени и падеже. </p> <p>Дополнительные продвигаемые запросы размещаются в <title> по возможности. </p> <p>Важно, чтобы заголовок <title> был привлекательным и соответствовал правилам русского языка.</p> Пример: www.kocherov.ru/photography/ <p>ПРАВИЛЬНО: <title>Фотосъёмка недвижимости для продажи и аренды, цены на фотосъёмку объектов недвижимости в Москве и Подмосковье</title></p> <p>НЕПРАВИЛЬНО: <title>Услуги по видео- и фотосъёмке объектов недвижимости москва, фотосъёмка недвижимости цены</title> (Основной продвигаемый запрос стоит не в самом начале, в неправильном падеже и с дополнительным словом посередине. Заголовок не соответсвует правилам русского языка).</p> <h3>4. Сделайте описание для страницы в теге <description></h3> <p>«Одним из способов влияния на представление своего сайта в результатах поиска (его сниппет) является использование мета-описаний — тега meta description. Рекомендации по составлению мета-описаний:— Мета-описания не должны быть короткими, в несколько слов.— Должны описывать конкретную страницу сайта, а не сайт в целом.— Мета-описания должны быть написаны для людей, нормальным человеческим языком — развернуто, правильно выстроенными предложениями, без злоупотреблений ключевыми словами, фразами, заглавными буквами, рекламными лозунгами и пр.— Мета-описания должны быть емкими и при этом содержательными. Старайтесь выразить основную суть документа в нескольких предложениях.— Содержимое тега meta должно быть актуальным, отражать текущее состояние страницы.— Мета-описания должны соответствовать языку документа.»Яндекс.Вебмастер</p> <p> «Метатег <description> дает поисковой системе краткое описание содержимого страницы. Если в теге <title> мы использовали одну фразу, то в <description> мы уже можем написать пару предложений или небольшой параграф. Метатеги описания важны потому, что Google может использовать их при создании сниппетов к вашему сайту. Заметьте, мы говорим «может», потому что Google может выбрать для сниппета другой подходящий текст с вашего сайта, если он более релевантен запросу пользователя.» Руководство по поисковой оптимизации для начинающих</p> <p>В теге <description> обязательно нужно разместить основной продвигаемый запрос.</p> <p>Текст должен быть привлекательным и соответствовать правилам русского языка.</p> Пример: www.kocherov.ru/photography/ <p><meta name="description" content="Фотосъёмка недвижимости — интерьеры квартир, загородные коттеджи, дачные и коттеджные поселки, коммерческая недвижимость. Архитектурная фотосъёмка. Посмотрите примеры готовых работ." /></p> <h3>5. Разместите основной продвигаемый запрос в заголовок <h2></h3> <p>«Правильное оформление заголовков в тексте помогает пользователю быстрее сориентироваться на странице, а значит, экономит его время. Кроме того, и роботу Яндекса будет проще разобраться со структурой документа. Поэтому следует выделять этими тегами заголовки в соответствии с иерархией документа.»Яндекс.Вебмастер</p> <p> «Теги заголовков используются для разметки структуры сайта для пользователей. Есть 6 размеров заголовков, начиная с самого важного <h2> и заканчивая наименее важным <h6>. Текст в тегах заголовков как правило крупнее чем обычный текст страницы, что служит визуальной подсказкой пользователю о его важности и тематике контента под этим заголовком. Заголовки разных размеров позволяют создать иерархическую структуру содержимого сайта и улучшить навигацию на странице.» Руководство по поисковой оптимизации для начинающих</p> <p>В теге <h2> обязательно должен присутствовать основной продвигаемый запрос. Идеально, если заголовок состоит только из основного продвигаемого запроса без дополнительных слов.</p> Пример: www.kocherov.ru/photography/ <p>ПРАВИЛЬНО: <h2>Фотосъёмка недвижимости</h2></p> <p>НЕПРАВИЛЬНО: <h2>Съёмка недвижимости</h2> (Для поисковых систем «фотосъёмка недвижимости» и «съёмка недвижимости» — это разные запросы).<h2>Фото- и видеосъёмка недвижимости</h2> (Отсутствует продвигаемый запрос «фотосъёмка недвижимости»).</p> <h3>6. Посмотрите на сайты, которые сейчас в первой десятке по выбранным запросам и составьте план текста для своей страницы</h3> <p>Текст должен быть написан для людей, но с учетом требований алгоритмов поисковых систем. И помните — ваш текст должен быть лучшим ответом по продвигаемым вами запросам, более информативным, более полным, более интересным, чем на других сайтах.</p> <p> «Не советуем: наполнять страницы большим количеством ключевиков, предназначенных для поисковых систем, делающих содержимое сайта бесполезным и нечитабельным для пользователей.» Руководство по поисковой оптимизации для начинающих</p> <p>Желательно основной и дополнительные продвигаемые запросы разместить в подзаголовках различных блоков текста.</p> <p>Если у вас есть запросы противоречащие правилам русского языка, такие как «фотосъёмка недвижимости москва» или «фотосъёмка недвижимости цена», то нужно посмотреть как выглядят сайты конкурентов, которые находятся по этим запросам и сделать аналогично им. Например, для продвижения запроса «фотосъёмка недвижимости москва» можно написать «фотосъёмка недвижимости в Москве», а для «фотосъёмка недвижимости цена» — «цены на фотосъёмку недвижимости» и т.п.</p> Пример: www.kocherov.ru/photography/ <h4>План текста страницы:</h4> <p><h3>Фотосъёмка объектов недвижимости в Москве и Подмосковье</h3> (перечислить предлагаемые услуги)</p> <p>Меню по разделам страницы </p> <p><h3>В чём разница между обычными фото снятыми на телефон и результом работы фотографа использующего полный арсенал профессионального съёмочного оборудования</h3> (описать преимущества профессиональной съёмки)</p> <p><h3>Важные моменты в фотосъемке недвижимости для продажи</h3> (написать на что нужно обращать внимание, чтобы получить качественные фотографии)</p> <p><h3>Возможности цветокоррекции и постобработки фотографий</h3> (написать для чего нужна обработка фотографий и привести примеры)</p> <p><h3>Примеры моих работ по фотосъёмке недвижимости (2004-2017)</h3> (выложить фотографии готовых работ и написать небольшой сопроводительный текст)</p> <p><h3>Цены на фотосъёмку недвижимости в Москве и Подмосковье</h3> (описать как формируется цена на фотосъёмку, привести цены на стандартные услуги)</p> <h3>7. Напишите текст согласно составленному плану</h3> <p>При написании текста учитывайте следующие моменты:</p> <h4>Количество употреблений продвигаемых запросов в тексте</h4> <p>Когда в тексте практически не содержится продвигаемого запроса — это плохо. Также плохо, когда продвигаемый запрос очень часто повторяется в тексте.</p> <p>Для того, чтобы узнать оптимальное количество употребления продвигаемого запроса в тексте нужно посмотреть сайты, которые находятся на первых местах в поисковых системах по этому запросу. Для разных запросов значения могут сильно отличаться. Если вы слишком перенасытите текст страницы продвигаемым запросом, то она может попасть под штрафные санкции со стороны поисковой системы.</p> <h4>Выделение продвигаемых запросов в тексте тегами <strong>, <b>, <em>, <i></h4> <p> Теги <strong> и <b> делают текст жирным, а <em> и <i> курсивом. Они используются для выделения слов в тексте.</p> <h4>Качество текста</h4> <p>Сочинение школьника отличается от сочинения великого писателя. Рекламное описание товара отличается от научной статьи. Проанализировав большое количество различных текстов поисковые системы вывели определённые закономерности. Поэтому старайтесь писать тексты в стиле сайтов, которые сейчас находятся на первых местах в результатах поиска по вашему запросу.</p> <h4>Информационная наполненность текста</h4> <p>Поисковые системы хотят предоставлять наилучшие ответы на запросы пользователей. </p><p>Хотите быть впереди? Разместите на своём сайте больше разнообразной информации по заданному поисковому запросу, чем у конкурентов.</p> <h4>Равномерная распределённость продвигаемых запросов на странице</h4> <p>Продвигаемые запросы должны равномерно встречаться на странице. Не должно быть такого, что в одном месте их много, а в других нет совсем. </p> <h4>Подписи к картинкам и фотографиям</h4> <p>Наличие продвигаемых запросов в подписях к изображениям (в тэгах alt и title) также помогут сайту лучше находиться.</p> <h4>Другие полезные вещи</h4> <ul><li>Наличие видео.</li> <li>Наличие формы для отправки сообщения (заказа). </li> <li>Наличие установленной платёжной системы.</li> <li>Наличие различных калькуляторов и систем сравнения (выбора) товаров.</li> <li>Наличие онлайн-мессенджера</li> </ul> <h3>8. Сделайте описание для социальных сетей</h3> <p>«Стандарт Open Graph разработан социальной сетью Facebook. Он позволяет контролировать превью, которое формируется при публикации ссылки на сайт в социальных сетях, и передавать информацию другим интернет-сервисам.»Яндекс.Вебмастер</p> <p>Описания для социальных сетей размещается в <HEAD> страницы.</p> Пример описания в формате Open Graph: <p><meta property="og:image" content="http://www.kocherov.ru/photography/_img/photography-social.jpg" /><meta property="og:title" content="Фотосъёмка объектов недвижимости для продажи и сдачи в аренду" /><meta property="og:description" content="Посмотрите примеры готовых работ." /></p> <h4>Вот как это будет выглядеть на Facebook:</h4> <p><img src="/800/600/http/www.kocherov.ru/seo/_img/seo-text-01.png"/></p> <h4>Вот как это будет выглядеть в Одноклассниках:</h4> <p><img src="/800/600/http/www.kocherov.ru/seo/_img/seo-text-03.png"/></p> <h4>Вот как это будет выглядеть во ВКонтакте:</h4> <p><img src="/800/600/http/www.kocherov.ru/seo/_img/seo-text-02.png"/></p> <h3>Чего не любят поисковые системы</h3> <h4>Запрос слишком часто встречается в тексте страницы</h4> <p>Если вы привысили разумные пределы употребления запроса на странице, то поисковые системы могут понизить ваш сайт в результатах поиска. Для разных тематик "разумные пределы" могут быть разными. Смотрите на сайты, которые в топе и делайте также.</p> <h4>Неуникальность текста</h4> <p>Текст на странице должен быть полностью уникальным (как минимум по предложениям). Исключения составляют описания товаров в интернет-магазине — они могут быть скопированы с официального сайта.</p> <p>ГЛАВНОЕ МЕНЮ</p> <p>МЕНЮ РАЗДЕЛА</p> <p><span class="mylink" data-url="http://www.kocherov.ru/seo/seo-text.htm">www.kocherov.ru</span></p><table><hr> <ul class="relpost"> <li><a href="/raznoe/finansovyj-konsalting-chto-eto-takoe.html" title="Финансовый консалтинг что это такое"><div class="relimg"><img src="/800/600/http/worldfb.ru/misc/i/gallery/25353/606759.jpg" /></div>Финансовый консалтинг что это такое</a></li> <li><a href="/raznoe/kak-majnit-bitkoiny-s-pomocshyu-videokarty.html" title="Как майнить биткоины с помощью видеокарты"><div class="relimg"><img src="/800/600/https/investim.info/wp-content/uploads/2018/07/kak-maynit-bitkoiny-s-pomosch-yu-videokarty-8.jpg" /></div>Как майнить биткоины с помощью видеокарты</a></li> <li><a href="/raznoe/podgotovka-k-sobesedovaniyu-s-rabotodatelem.html" title="Подготовка к собеседованию с работодателем"><div class="relimg"><img src="/800/600/http/www.jlady.ru/wp-content/uploads/2012/07/podgotovka-k-sobesedovanuy-1.jpg" /></div>Подготовка к собеседованию с работодателем</a></li> <li><a href="/raznoe/lending-pejdzh-eto-primer.html" title="Лендинг пейдж это пример"><div class="relimg"><img src="/800/600/https/semantica.in/wp-content/themes/semantica/i/inner-subscribe-book.png" /></div>Лендинг пейдж это пример</a></li> <li><a href="/raznoe/chto-takoe-lidogeneraciya.html" title="Что такое лидогенерация"><div class="relimg"><img src="/800/600/https/semantica.in/wp-content/themes/semantica/i/inner-subscribe-book.png" /></div>Что такое лидогенерация</a></li> <li><a href="/raznoe/kak-najti-vysokooplachivaemuyu-rabotu.html" title="Как найти высокооплачиваемую работу"><div class="relimg"><img src="/800/600/http/xn----7sbfghublmqkebkluk6dzkk.xn--p1ai/wp-content/uploads/2018/03/Kak-najti-vysokooplachivaemuju-rabotu-1-IM.jpg" /></div>Как найти высокооплачиваемую работу</a></li> <li><a href="/raznoe/chto-takoe-kontekstnaya-reklama-v-internete.html" title="Что такое контекстная реклама в интернете"><div class="relimg"><img src="/800/600/https/callbackhunter.com/blog/wp-content/uploads/2016/04/poisk.png" /></div>Что такое контекстная реклама в интернете</a></li> <li><a href="/raznoe/hochu-deneg-zarabotat.html" title="Хочу денег заработать"><div class="relimg"><img src="/800/600/http/www.mywishbook.ru/html/img/pics/5_1.jpg" /></div>Хочу денег заработать</a></li> <li><a href="/raznoe/beneficiar-i-principal.html" title="Бенефициар и принципал"><div class="relimg"><img src="/800/600/http/worldfb.ru/misc/i/gallery/44017/1959123.jpg" /></div>Бенефициар и принципал</a></li> <li><a href="/raznoe/kak-rabotat-v-instagramme-novichku.html" title="Как работать в инстаграмме новичку"><div class="relimg"><img src="/800/600/https/lifeha.ru/wp-content/uploads/2016/02/instagram-1.jpg" /></div>Как работать в инстаграмме новичку</a></li> <li><a href="/raznoe/kakuyu-rabotu.html" title="Какую работу"><div class="relimg"><img src="/800/600/http/seportal.ru/wp-content/uploads/2016/03/24.jpg" /></div>Какую работу</a></li> </ul></table></p> <p style="text-align: center; font-size: 13px; line-height: 1.5; margin: 0px; padding: 0px; font-family: tahoma;"> </p></td></tr></table><div id="footer" class="shadow"> <div id="footer_menus"> </div> <div id="footer_bot"> © Новомосковское Благочиние Тульской Епархии Русской Православной Церкви </div> </div><br><br> </center> </div> <script type="text/javascript"> jQuery(document).ready(function($) { $('.mylink').replaceWith(function(){ return '<a href="' + $(this).attr('data-url') + '" title="' + $(this).attr('title') + '">' + $(this).html() + '</a>'; }); }); </script> <script type="text/javascript"></script> </body> </html> <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="94d6048a2c3cfcc07f34c473-|49" defer></script>