Как выучить html и css

: самый большой заголовок

(заголовок второго уровня)

(заголовок третьего уровня)

(заголовок четвертого уровня)

(самый маленький заголовок)

• Первая строка
• Вторая строка
• И так далее

1. Один
2. Два
3. Три

• Горизонтальная линия:
• Вставить картинку:

Часть 2 из 2:

Продвинутый уровень HTML

Познакомьтесь с атрибутами. Атрибуты записываются внутри тега, указывая на дополнительную информацию. Формат атрибутов такой: название=»значение», где название определяет атрибут (например, color для атрибута цвета), а значение указывает на его значение (например, red для красного цвета).

• Атрибуты на самом деле уже применялись в предыдущем разделе основ HTML. Тег использует атрибут src, якоря относительных ссылок используют атрибут name, а ссылки используют атрибут href. Как вы уже заметили, все атрибуты записываются в формате ___=»___».

• Создайте теги таблицы:
• Содержимое каждой строки таблицы заключите в теги:
• Заголовок столбца определяется тегом:
• Ячейки в последующих строках:
• Пример использования этих тегов:

• Мета-теги, в которых содержатся метаданные, используемые поисковыми системами для индексации сайта. Чтобы ваш сайт легче находился в поисковых системах, используйте один или несколько открывающих тегов (закрывающие теги не требуются). Используйте по одному атрибуту и значению на тег: ; или
• Теги , ведущие на сторонние файлы, к примеру на таблицы стилей (CSS), которые создаются с помощью другого типа кодирования и позволяют изменить HTML-страницу с помощью цвета, выравнивания текста и многих других функций.
• Теги , используемые для прикрепления к странице файлов JavaScript. Эти файлы нужны для изменения страницы в интерактивном режиме (в ответ на действия пользователя).

• Хотя вы и не можете редактировать чужие сайты, вы можете скопировать исходный код в свой файл, чтобы потом поэкспериментировать с тегами. Обратите внимание, что разметка CSS может быть недоступна, и цвета и форматирование могут выглядеть по-другому.

Приступите к изучению более подробных руководств. В интернете есть много сайтов, посвященных тегам HTML, например W3Schools или HTMLbook. В продаже есть и бумажные книги, но постарайтесь найти актуальное издание, поскольку стандарты меняются и развиваются. Еще лучше освоить CSS, чтобы в гораздо большей степени контролировать разметку и внешний вид сайта. После изучения CSS вебдизайнеры обычно изучают JavaScript.

W3Schools на русском —

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

HTML

Язык для создания веб-страниц

HTML — язык гипертекстовой разметки, предназначенный для создания вебстраниц. HTML не является языком программирования. С помощью html-тегов производится разметка на вебстранице, с помощью которой размещаются разные объекты вебдокумента: заголовки, текст, изображения, таблицы, списки, фреймы, видеоплееры и т.д.

HTML Пример:

Это заголовок

Это параграф.

CSS Пример:

body <
background-color: lightblue;
>

h2 color: white;
text-align: center;
>

p font-family: verdana;
font-size: 20px;
>

CSS

Язык для стилизации вебстраниц

CSS (каскадные таблицы стилей) — язык, который отвечает за визуальное представление информации и оформление веб-страницы. С помощью стилей проводится форматирование текста и прочая стилизация (оформление) объектов на веб-странице. CSS обычно используется в паре с HTML.

CSS

Язык для стилизации веб-страниц

CSS Пример:

body <
background-color: lightblue;
>

h2 color: white;
text-align: center;
>

p font-family: verdana;
font-size: 20px;
>

JavaScript

Язык для программирования веб-страниц

JavaScript (JS) — язык программирования, третья составляющая (вместе с HTML и CSS) стандартных веб-технологий, которые используются для создания веб-сайтов. JavaScript преобразует статичные веб-страницы в динамические, меняющиеся и взаимодействующие с пользователем. Язык программирования JavaScript управляет мультимедиа, анимирует изображения, меняет текст на веб-странице и многое другое.

JavaScript Пример:

SQL Пример:

SELECT * FROM Customers
WHERE Country=’Mexico’;

SQL

Язык для доступа к базе данных

SQL (язык структурированных запросов) — декларативный язык программирования, что применяется для создания, модификации и управления данными в базе данных, управляемой системой управления базами данных.

SQL

Язык для доступа к базе данных

SQL Пример:

SELECT * FROM Users
WHERE Country=’Ukraine’;

Python

Язык программирования

Python (Пайтон/Пітон) — высокоуровневый язык программирования общего назначения, ориентированный на повышение продуктивности разработчика и чтения кода. Применяется для программирования як общих приложений, так и в веб-программировании (создания сайтов). Рекомендуется для изучения начинающими, которые изучают веб-программирование, а также як первый язык программирования для новичков — благодаря своей простоте и доступности. Язык программирования Python вы можете выучить онлайн на сайте w3schools на русском.

PHP

Язык программирования веб-сервера

PHP (препроцессор гипертекста) — скриптовый язык общего назначения, применяется в основном для разработки веб-приложений. Поддерживается абсолютным большинством хостинг-провайдеров и является одним из основных языков, которые применяются для создания динамических веб-сайтов. С помощью PHP часто создают CMS — систему управления контентом (движок сайта). PHP работает на стороне сервера (backend), обеспечивая взаимодействие с пользователем. На PHP созданы такие сайты, як Facebook, Yahoo, Вконтакте, Википедия, движок WordPress и др. Язык программирования PHP вы можете изучать онлайн на сайте w3schools на русском.

jQuery

Библиотека JavaScript для разработки веб-страниц

jQuery — популярная JavaScript библиотека с открытым кодом. Синтаксис jQuery разработан, чтобы сделать ориентирование в навигации удобным благодаря выбору элементов DOM, создания анимации, обработки событий и разработке AJAX-приложений. Помогает в создании мощных динамических веб-страниц. Пройти полный курс онлайн по библиотеке jQuery вы можете на сайте w3schools на русском.

Java

Язык программирования

Java — объектно-ориентированный язык программирования. Используется для написания клиентских приложений и серверного программного обеспечения. Пройти полный курс онлайн по языку программирования Java вы можете на сайте w3schools на русском.

C

Язык программирования C (Си)

C (Си) — это язык программирования общего назначения, разработанный в 1972 году и досих пор очень популярный. Язык C очень быстрый и мощный; его использовали и продолжают использовать для разработки операционных систем, баз данных, програми и пр. Пройти полный курс онлайн по языку программирования C вы можете на сайте w3schools на русском.

C++

Язык программирования C++ (Си плюс плюс)

C++ (Си плюс плюс) — це популярный язык программирования. Язык С++ используется для создания компьютерных программ и является одним из наиболее популярных языков программирования в разработке игр. Пройти полный курс онлайн по языку программирования С++ вы можете на сайте w3schools на русском.

Kotlin

Язык программирования Kotlin

Kotlin — это современный, актуальный язык программирования. Kotlin легко освоить, особенно если вы уже знаете язык Java (он на 100% совместим с Java). Kotlin используется для разработки программ для Android, серверных программ и многого другого. Пройти полный курс онлайн по языку программирования Kotlin вы можете на сайте w3schools на русском.

Go (Golang)

Язык программирования Go (Golang)

Go (Golang) — это популярный язык программирования. Go используется для создания компьютерных программ. Пройти полный курс онлайн по языку программирования Go (Golang) вы можете на сайте w3schools на русском.

Сколько времени нужно, чтобы научиться верстать сайты?

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

Изучив все это, ты уже можешь начать монетизировать свои знания.

Photoshop

Если Вы ранее не работали с приложением, то рекомендую обратиться к сайту photoshop-master.ru. Это ни в коем случае не реклама, потому что сама использовала этот ресурс и советую его всем, кто спрашивает меня, как научиться работать с этой программой.

Тебе, как будущему верстальщику, рекомендую заходить в раздел «Графика для сайта» и выбрать любой урок по душе. Искать уроки можно также по уровню сложности. Формат обучения: текст с приложенными скринами.

В свое время я изучила несколько уроков по отрисовке макетов и вот, что у меня получилось.

Ссылки на пройденные уроки:

1. Создай дизайн веб-сайта в Фотошоп
2. Стильный макет для портфолио в Фотошоп
3. Макет для делового сайта
4. Создаём Фотошоп новогодний дизайн для сайта
5. Создаём макет портфолио в Фотошоп

Если захотите повторить урок, то скидывайте в комментарии, что у вас получилось!

Вообще этот сайт дал мне понять несколько вещей:

1. Чтобы решить ту или иную задачу, вы можете воспользоваться разными инструментами. Нет единого рецепта для реализации;
2. Будущему верстальщику не нужно знать основы ретуши, цветокоррекции. Главное овладеть простыми инструментами, такие как текст, создание фигур и цвет;
3. Быстрые клавиши упрощают работу с программой.

Основные комбинации, которые я использую в любом макете:
Ctrl + «-» — уменьшить масштаб
Ctrl + «+» — увеличить масштаб
Ctrl + «1» — масштаб 100%
Ctrl + J — создать дубликат слоя
Ctrl + [ — уменьшить размер кисти
Ctrl + ] — увеличить размер кисти
Ctrl + Alt + Z — шаг назад (отмена действия)
Ctrl + Shift + Z — шаг вперед (вернуть назад отменённое действие)
Ctrl + Alt + I — диалоговое окно «Размер изображения»

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

Далее Вам необходимо научиться не только рисовать макеты, но и работать с реальными.
PSD макеты для практики вёрстки:

1. 20 крутых PSD макетов для вёрстки (Часть 1)
2. 20 крутых PSD макетов для вёрстки (Часть 2)

Если Вы не совсем понимаете, как именно работать с макетом и какие картинки необходимо сохранить перед созданием сайта, то рекомендую пройти 3-х дневный курс «Супер старт».
На этом курсе от и до показан процесс верстки вот такого сайта. Первый урок полностью посвящен работе с Photoshop и он даст ответ на все вопросы, которые возникают у новичков. Стоит такой курс 100 рублей, что равноценно стоимости чашечки кофе. После оплаты вы получаете доступ в закрытую группу, где лежат все необходимые материалы.
Отзывы о курсе можно почитать тут.
На освоение азов работы с реальными макетом потребуется не больше недели. Главное практика и Вы сами будете заранее видеть, какой объект стоит вырезать из макета, а какой — оставить на месте.

HTML

Возможно, кто-то из вас ранее слышал что-то о тегах в школе или институте, но особой ясности о них все равно нет, то рекомендую пробежаться по статье «Знакомство с HTML».
Полезно всем, кто хочет структурировать знания по всем популярным тегам, которые Вы будуте использовать практически в любом проекте. Изложено все кратко и ясно.
Второй ресурс, который порекомендует любой веб-разработчик — htmlbook.ru
Во вкладке HTML вы можете увидеть страницу Справочник HTML, в котором находятся все теги, которые используются для разметки страниц.
На изучение HTML уйдет не больше недели при интенсивном изучении.

CSS

Когда я только изучала основы создания страниц и не понимала как работает вся эта магия со стилезацией. Почему стандартная разметка HTML в тандеме с CSS можем измениться до неузнаваемости. Разобраться в этом мне помогла книга «Изучаем HTML, XHTML и CSS» — Элизабет Фримен, Эрик Фримен.

Здесь описано всё настолько гениально просто, что начать верстать сможет даже 6-летний ребенок. Да, книга 2014 года. Да, некоторые советы утратили актуальность. Но это не мешает ей быть и оставаться must have учебником для тех, кто СОВСЕМ не знает с чего начать, но хотел бы создать свои первые веб-странички. Я была такой и у меня не было ни каких наставников и даже знакомых, кто хоть чуть-чуть разбирался в сайтах, но мне в руки попала эта замечательная книга и я бесконечно рада этому. Скачивайте, читайте, изучайте.

На освоение азов CSS по этой книге может уйти примерно месяц.

Но как я уже сказала, некоторые технологии утратили свою актуальность, поэтому Вам обязательно потребуется изучить основы Flexbox-верстки. Сделать это можно в игровой форме на этом сайте — flexboxfroggy.com
Также рекомендую держать в закладках следующую шпаргалку: yoksel.github.io/flex-cheatsheet, чтобы не забывать про свойства.

А чтобы эта статья была максимально актуальной на момент выпуска, рекомендую также поиграть в игру, которая поможет изучить CSS Grid — cssgridgarden.com Эта технология ещё не используется так широко, как Flexbox, но будущее за Grid. Поэтому не забудьте пройти игру.

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

Кстати на сайте htmlbook тоже есть справочник CSS по всем свойствам — htmlbook.ru/css Не забудьте заглянуть сюда.

jQuery

Возможно, кто-то удивится, почему я не говорю о Javascript, но этому есть объяснение. Сейчас мы говорим о том, какой минимум стоит знать новичкам, чтобы монетизировать свои знания. JavaScript — это большая тема, на изучение которой может уйти несколько месяцев. Зная лишь одну библиотеку Javascript, а именно jQuery — вы уже сможете делать все то, что хотел бы заказчик. Например, сделать слайдеры, анимацию или прокрутку. Знать для этого весь Javascript и писать с нуля код для старта нет нужды.
Поэтому начните с изучения jQuery.
Лучшим учебником считается — www.w3schools.com/jquery. Статьи на английском, есть уроки и весь необходимый материал.
Если потребуется сделать слайдер, то разные вариации можно найти в плагине Slick Slider — kenwheeler.github.io/slick
Но если все-таки вам интересны основы Javacript, то обязательно посетите сайт learn.javasсript.ru

На все это может уйти от месяца до двух при интенсивном изучении.

Выводы

Итак, сколько времени нужно, чтобы научиться верстать сайты?

Чуть больше 5-ти месяцев при интенсивном и самостоятельном изучении.
Будет плюсом, если Вы найдете себе наставника, которые будет направлять и мотивировать Вас.

Второй вариант — вы можете записаться на курсы «Верстальщик от А до Я» и этот срок сократиться до 2-х месяцев. Есть 2 курса: базовый и продвинутый, каждый из которых идет по месяцу. По окончанию у Вас будут сверстанные сайты и сертификат об окончании курса. Все это позволит сформировать ваше портфолио и найти свои первые заказы. Старт обучения 12 февраля 2018 года.

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

SEO. Поисковая оптимизация сайта. Краткие рекомендации

Поисковая оптимизация сайта или SEO (от англ. search engine optimization) — процесс корректировки HTML-кода, текстового наполнения (контента), структуры сайта, контроль внешних факторов для соответствия требованиям алгоритма поисковых систем, с целью поднятия позиции сайта в результатах поиска в этих системах по определенным запросам пользователей. Чем выше позиция сайта в результатах поиска, тем больше вероятность, что посетитель перейдет на него с поисковых систем, поскольку люди чаще всего переходят по первым ссылкам, которые находятся в ТОП-10 поисковых выдач, например, в сервисах Google, Yandex, Bing, Yahoo и др. и намного реже переходят по ссылкам, которые в выдаче поисковиков находятся далее 10 места.

SEO optimization. Продвижение и раскрутка. ТОП-10 в результатах поиска

Поисковые системы ранжируют сайты в поисковой выдаче по определенному коэффициенту релевантности (то есть, соответствия) ключевому запросу. Существует более 200 факторов ранжирования, используемых SEO-оптимизаторами для продвижения сайтов. Используя и максимально учитывая все эти 200 факторов, можно получить высококачественный сайт, который будет отвечать требованиям поисковых систем.

Методы SEO оптимизации

• Белая оптимизация — работа над ресурсом без применения официально запрещенных каждой поисковой системой методов раскрутки ресурса — без влияния на поисковые алгоритмы сайтов. Обо всех разрешенных методах поисковой оптимизации можно узнать непосредственно на поисковых сервисах;
• Серая оптимизация — сюда можно отнести добавление большого количества ключевых слов в текст страницы, часто с потерей читабельности для человека, неоднократное повторение ключевых запросов определенное количество раз в разных падежах, единственном и множественном числе, а также различных формах глаголов и т.п.;
• Чёрная оптимизация — это все методы, которые противоречат правилам поисковых систем. Среди них можно выделить следующие: использование дорвеев (страниц и ресурсов, созданных специально для роботов поисковых систем, зачастую с большим количеством ключевых слов на странице), приём под названием клоакинг (пользователю отдается одна страница, легко читается, а поисковому роботу — другая, оптимизированная под какие-либо запросы), использование скрытого текста на страницах сайта, использование «однопиксельных ссылок» и т.п.

Кратко про SEO оптимизацию сайтов

Вообще, если с самого начала делать сайт по общепринятым рекомендациям и в соответствии с ныне действующей спецификацией HTML5 , который проходит валидацию без ошибок и предупреждений при проверке валидатором, то сайт уже будет прекрасно находиться различными поисковыми сервисами, в частности, такими как Google или Yandex. И хотя правильно сверстанный и валидный сайт ещё не означает присутствие в ТОП-10 поисковых выдач по соответствующим запросам и согласно определенной на сайте тематике, всё равно это уже гарантирует его возможный успех в индексации и появлению в поисковой выдаче, пусть даже и не в первой десятке. А для того, чтобы сайт появился в ТОП-10 результатов поиска, конечно, необходимо уделить должное внимание его SEO оптимизации с принятием всех необходимых мер для его продвижения и раскрутки. Особенно это касается коммерческих сайтов, владельцы которых имеют целью зарабатывание с помощью сайта денег и получение прибыли за счёт интернет-пользователей. Некоторые СЕО-оптимизаторы используют методы поисковой оптимизации сайтов, которые не всегда являются «честными», когда благодаря искусственно добавленным ключевым словам или фразам на страницах такой сайт попадает в ТОП-10 поисковой выдачи, но сам сайт не содержит полезной для пользователей информации. Сейчас такие «чёрные» методы поисковой оптимизации прекрасно распознаются поисковыми сервисами, которые даже блокируют такие сайты, выбрасывая их из своих результатов поиска вообще. Но любой веб-мастер, веб-разработчик или веб-дизайнер, который работает непосредственно с HTML кодом, может провести SEO оптимизацию сайта для поисковых сервисов самостоятельно, используя очень простые, но достаточно эффективные методы для попадания в ТОП-10 поисковой выдачи. Для этого необходимо лишь соблюдать определенные правила и рекомендации, которые сообщают сами поисковые сервисы, такие как Google, Yandex, Yahoo, Bing и другие. Ниже приводятся лишь некоторые, но наиболее важные рекомендации и требования по SEO оптимизации сайтов и, в результате, возможного попадания их в первую десятку поисковой выдачи.

Наиболее важные рекомендации по SEO оптимизации:

• Страница должна быть доступна для поисковиков (код ответа 200). Страницы, которые запрещены к индексации поисковыми сервисами, не могут попасть в результаты поиска. Убедитесь, что URL возвращает код HTTP 200 и не блокируется в файле robots.txt, а также на странице нет редиректа (перенапрвления) с помощью метатега refresh на другой URL-адрес;
• Используйте оригинальный текст на сайте, которого нет больше нигде в Интернете. Рекомендуется использовать не менее 50 слов, или не менее 300 символов;
• Используйте точное вхождение ключевых слов в заголовок страницы ;
• Длина тега заголовка должна быть от 10 до 70 символов (вместе с пробелами);
• Используйте только один метатег описания. Использование нескольких META-описаний существенно путает поискового робота и негативно сказывается на ранжировании сайта. Длина метатега описания description должна быть в пределах 70 — 300 символов (вместе с пробелами). Оптимально от 150 до 180;
• Используйте ключевые слова в метатеге keywords. Количество ключевых слов должно быть не более 10. Обычно это слова, которые наиболее часто встречаются на странице. На данный момент Google отказался от использования данного тега для индексации, но Яндекс индексирует (иногда). Хотя сейчас большинство поисковиков отказались от использования данного метатега, поэтому он уже не играет большой роли для продвижения ;
• Используйте тольки один тег
  

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

  более одного раза. Но для СЕО-оптимизации обычно рекомендуется использовать данный тег только один раз, заключив в него текст, который соответствует содержимому страницы, а также ключевые слова, по которым вы продвигаете данную страницу;

• Используйте длину текста между тегами
  

  —

  не более 70 символов (с пробелами);

• Используйте хотя бы одно изображение на странице с применением тега img ;
• Используйте обязательный атрибут alt для изображений;
• Используйте ключевые слова в атрибуте alt (рекомендуется, хотя не обязательно);
• Используйте атрибут title для изображений;
• Используйте ограниченное количество заголовков с тегами — на странице (рекомендуется в пределах 2-5);
• Используйте соотношение код/текст не более 20% (рекомендуется не более 10%);
• Используйте ключевые (тематические) слова равномерно по содержанию страницы;
• Используйте количество ключевых слов (тошноту слов) на странице в пределах 6-8% (рекомендуется не менее 1% от общего объёма текста). Ключевых слов может быть несколько (обычно до 10). Обратите внимание, что поисковые сервисы очень не любят перегруз ключевыми словами и значительно понижают ранжирование таких страниц в результатах поиска;
• Используйте выделение ключевых слов в содержании тегами и умеренно и равномерно на странице. При этом не обязательно выделять все ключевые слова данными тегами. Также уместно выделение ключевых слов тегами , и ;
• Используйте количество выделенных ключевых слов с помощью семантических тегов и не более 3-4% от общего количества текста. Если таких слов будет более 4% — поисковики будут считать такой текст переспамленным (замусоренным) и выкинут из результатов поиска;
• Используйте ключевые слова так, чтобы они были включены в: url-страницы, содержимом страницы, тег title , метатеги description и keywords, теги h1-h6 , атрибуты изображений alt , текст привязки внутренних ссылок и текст привязки обратной ссылки;
• Избегайте многократного использования ключевых слов в метатеге описания description ;
• Используйте соотношение текст/html на странице не менее 15%, т.е. количество текста не должно быть меньше 15% от веса страницы. Оптимальным показателем считается от 50% и больше;
• В тексте должны встречаться ключевые слова, которые есть в
  

  , , description ;

• Установите корректный язык вашей страницы (сайта), на котором больше всего создано контента в теге . Если ваш сайт на русском языке, то и язык должен быть установлен русский — Ru;
• Обязательно указывайте кодировку страницы UTF-8 (это оптимальный вариант);
• URL-адрес сделайте более понятным людям и поисковым системам (согласно содержанию сайта или страницы). Оптимально использовать url из словами, которые соответствуют содержимому страницы и написанные латинскими буквами;
• Минимизируйте использование на странице встроенных стилей — конструкции типа style=»» или теги . Применяйте их только в случае крайней необходимости. Оптимально — перенесите стили в отдельный файл, используя на html-странице только классы — конструкцию class=»» . Поисковики очень не любят использование встроенных стилей;
• Минимизируйте использование на странице встроенных скриптов с применением тегов в виде: . Применяйте их только в случае крайней необходимости. Оптимально — перенесите стили в отдельный файл, используя на html-странице только подключение внешних скриптов в виде . Поисковики очень не любят использование встроенных скриптов;
• Откажитесь от лишних счётчиков (информеров) на сайте. Все они, как правило, используют javascript-код, который может быть как встроенным, имеющий подгрузку стороннего кода или изображений, так и с подключением внешних файлов javascript. Часто именно внешний (невидимый) javascript-код замедляет загрузку страницы, а также может содержать вредоносный код. Не используйте счётчики и разные информеры других сайтов, если не уверены в их безопасности и быстрой работе;
• Минимизируйте (или откажитесь полностью) от использования на странице flash-анимации, фреймов. Это негативно влияет на скорость загрузки страницы, обработку поисковиками и адаптивность сайта;
• Установите переадресацию домена с www на без www (или наоборот). Это важный момент в SEO оптимизации. Если этого не сделать, поисковые системы будут индексировать ваш сайт как два разных. Соответственно, ваш контент и ссылки будут делиться весом поровну, что уменьшает значимость сайта для поисковиков;
• Не используйте различные символы в ссылках, типа знаков ?, $, #, @ и т.д. Ссылка должна быть написана в виде обычного текста латиницей, оптимально — с содержанием ключевых слов;
• Не используйте нижнее подчёркивание в ссылках. Ссылка не должна быть в виде: ссылка_на_страницу . Используйте дефисы вместо этого;
• Используйте на странице не более 5-и внешних ссылок;
• Используйте атрибут со значением rel=»nofollow» для внешних ссылок, которые не должны индексироваться;
• Если используете внешние ссылки, то подбирайте только такие ссылки, которые соответствуют тематике сайта;
• Если на сайте реализованы комментарии от всех пользователей, задайте nofollow всем пользовательским ссылкам в комментариях.
• Используйте перелинковку внутри сайта (ссылки с одной страницы на другую, но не более 100 ссылок на одной странице);
• Используйте на каждой второстепенной странице одну ссылку на главную страницу сайта;
• Используйте семантические теги. Они сообщают поисковым системам необходимую информацию о структуре и содержании страницы, что позволяет выдавать её пользователям по более релевантным запросам;
• Используйте карту сайта XML Sitemaps;
• Используйте файл robots.txt, в котором должны быть указаны все наиболее важные страницы сайта, и которые должны индексироваться поисковыми сервисами;
• Используйте Favicon (иконку) для сайта;
• Разместите в корне сайта страницу 404 error page;
• Оптимизируйте изображения (уменьшите размер насколько это возможно);
• Используйте Mobile Viewports (оптимизация для мобильных устройств);
• Сделайте оптимальным размер активных элементов (размер ссылок для малых экранов);
• Вес любой веб-страницы со всеми элементами не должен превышать 100Кбайт (лучше до 50Кбайт);
• С одной страницы должно быть не более 50 ссылок на другие страницы сайта;
• При клике на логотип сайта должен быть переход на главную страницу сайта с любой другой страницы;
• При перелинковке анкором ссылки необходимо делать с помощью слова или словосочетания, которое будет соответствовать тематике;
• Проверяйте веб-страницы на соответствие спецификации HTML5 с помощью валидатора: validator.w3.org. Точно также проверяйте и CSS3:jigsaw.w3.org/. При обнаружении ошибок исправьте их и только потом размещайте страницы в Интернете.