Что нужно знать в html

Что должен из HTML (4 + 5) знать профессионал Front-End-а?

Искал в нете книги по HTML. Нашел вот эту — «HTML и XHTML. Подробное руководство, 6-е издание». Да в ней аж 750 страниц! Неужели все оттуда нужно знать WEBеру? В общем, какие основные моменты из HTML по вашему мнению должен знать каждый?

• Вопрос задан более трёх лет назад
• 3287 просмотров

1 комментарий

Простой 1 комментарий

Да в ней аж 750 страниц! Неужели все оттуда нужно знать WEBеру?

Что случится, когда вы узнаете, что книжек такого объема нужно минимум 4-5?)
Решения вопроса 0
Ответы на вопрос 8
Сергей Горностаев @sergey-gornostaev
Седой и строгий

Хахаха! Если вы хотите связать свою жизнь с ИТ, то готовьтесь к тому, что нужно будет в месяц по 500-1000 страниц техдокументации осваивать.

Ответ написан более трёх лет назад
Нравится 16 7 комментариев
Stalker_RED @Stalker_RED

Или научиться использовать документацию как справочник. Тогда эти сотни страниц доков можно заменить на книги.

Poirg @Poirg Автор вопроса

Я понимаю. Дело в том, что эта книга, во-первых, 11 года издания. А, во -вторых, я даже не представляю, что там про HTML современный можно на 700 страниц расписать. Что уж говорить, в книге по именно языку программирования JavaScript столько же страниц.

Сергей Горностаев @sergey-gornostaev
Stalker_RED, я техлитературу тоже приравниваю к документации.
Poirg @Poirg Автор вопроса

Т.е вы посоветуете читать напрямую спецификации и пр. документы официальные? Ок, стоит мне вообще искать на русском по HTML специф. ?

Сергей Горностаев @sergey-gornostaev
Poirg, я советую не бояться количества страниц и читать всё — и учебники, и документацию и спеки.
Poirg, в упомянутой вами книге много «воды» — там просто все очень подробно разжевано.

Poirg, я бы еще рекомендовал забыть про поиск чего-либо на русском. Язык разработки — английский. Если с ним сложности, то в первую очередь надо подтянуть именно его, а не изучать html/css/js/whatever.

знать профессионал

Если не знаете английский начните с него, если знаете, то непонятно где Вы ищите. (в китайском интернете?)

Все доступно (но это только верхушка айсберга)

CSS: The Definitive Guide, 4th Edition
Author: Eric A. Meyer, Estelle Weyl
ISBN-10: 1449393195
Year: 2017 Pages: 1090
Language: English

CSS Pocket Reference, 5th Edition
Author: Eric A. Meyer
ISBN-10: 978-1492033394
Year: 2018
Pages: 208
Language: English

CSS in Depth
Author: Keith J. Grant
ISBN-10: 1617293458
Year: 2018
Pages: 472
Language: English

CSS Refactoring
Author: Steve Lindstrom
ISBN-10: 1491906421
Year: 2016
Pages: 160

New Perspectives HTML5 and CSS3, 7th Edition
Author: Patrick M. Carey
ISBN-10: 1305503937
Year: 2017 Pages: 872
Language: English

Responsive Web Design by Example
Author: Frahaan Hussain
ISBN-10: 1787287068
Year: 2018 Pages: 292
Language: English

Pro HTML5 with CSS, JavaScript, and Multimedia
Author: Mark J. Collins
ISBN-10: 1484224620
Year: 2017
Pages: 560

HTML5 and JavaScript Projects, 2nd Edition
Author: Jeanine Meyer
ISBN-10: 148423863X
Year: 2018
Pages: 425
Language: English

Web Design with HTML5 & CSS3: Comprehensive, Eighth Edition
Год издания: 2017
Автор: Minnick J.
Издательство: Cengage Learning
ISBN: 978-1305578166
Серия: Shelly Cashman Series
Язык: Английский

Ответ написан более трёх лет назад
Комментировать
Нравится 7 Комментировать
Верстка/frontend
В семантике нужно отлично шарить, посмотрите доку по бэмУ
https://ru.bem.info/methodology/
Ответ написан более трёх лет назад
Нравится 2 11 комментариев

Человек html еще не освоил, а Вы ему бэм подсовываете. Да и как бэм поможет в освоении html?

А какое отношение бэм имеет к семантике? >_>
snap44, на самом деле самое непосредственное) БЭМ — это про деление страницы на семантические блоки.

Игорь Воротнёв @HeadOnFire

Толстый Лорри, Не совсем. Тем более что понятие «семантики» в самом HTML имеет абсолютно автономное и полноценное значение и к БЭМ никаким боком не тулится.

Игорь Воротнёв, идеология БЭМ близка к веб-компонентам и прочему светлому будущему. Но формально вы правы (=

Игорь Воротнёв @HeadOnFire

Толстый Лорри, опять же, какое такое прямое отношение веб-компоненты имеют к семантике HTML? Семантика разметки — это совершенно другое, тут дело не в формальном определении.

Простой тест. Вопрос — может ли быть семантическая верстка без БЭМ? Ответ — да, может. Вывод — это разные вещи.

какое такое прямое отношение веб-компоненты имеют к семантике HTML?

Смотря что вы понимаете под семантикой HTML (= Тут не все так однозначно.

Если смотреть со стороны браузера (некая имплементация парсера по стандарту HTML), то БЭМ-структура ему ничего не скажет, в отличии от веб-компонентов (на основе информации о которых он будет определенным способом заниматься рендером, обрабатывать события и прочее).

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

С третьей стороны — веб-зазработчик, который может почитать доку про БЭМ и отличать блоки, элементы и их модификаторы, что сильно помогает ему в процессе разработки и тестирования. То есть эти структуры разметки обретают семантику.

Вопрос — может ли быть семантическая верстка без БЭМ? Ответ — да, может. Вывод — это разные вещи.

Тут закралась коварная логическая ошибка) «Рубли — это деньги? Могут ли быть деньги, но не рубли? Да, значит, рубли — это не деньги».

А «семантической версткой» принято называть специальные теги и ряд правил их использования, внесенные стандартами HTML5. БЭМ не требует их использования и не включена в стандарт, никто, кроме веб-разработчиков и ряда инструментов не обращает внимание на семантику БЭМ. Поэтому с формальной точки зрения (стандарта) вы действительно правы.

Игорь Воротнёв @HeadOnFire

Смотря что вы понимаете под семантикой HTML (= Тут не все так однозначно.

Вы наверное шутите? Это превращается в какой-то фарс. ТС спрашивает про HTML. HTML — это язык разметки, у которого существует очень четкая и предельно ясная спецификация. В HTML существует четкое понятие семантики. Точка. БЭМ, веб-компоненты — это все из другой оперы. От словам совсем.

Тут закралась коварная логическая ошибка) «Рубли — это деньги? Могут ли быть деньги, но не рубли? Да, значит, рубли — это не деньги».

Логическая ошибка действительно есть в вашем примере про деньги. В моем примере про семантику логической ошибки нет.

А «семантической версткой» принято называть специальные теги и ряд правил их использования, внесенные стандартами HTML5

Ура, истина начинает всплывать на поверхность! 🙂
Только «семантическая верстка» это уже вторичный термин, первичный — семантические теги. Семантика в основе самого языка. Именно об этом речь.

Что нужно знать перед началом обучения

Сначала вы, воодушевлённые, рвётесь в бой, а потом начинается: работы много, голова болит, времени не хватает. Может быть и так, но тут вам надо вспомнить, почему вы решили обучаться. Подумайте, что поменяется, когда вы пройдёте курс. Ещё лучше прописать это для себя до начала курса. В трудные моменты можно обращаться к этому списку.

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

Поддержка однокурсников в чатах, общение в группе с наставником, чат на лекции — я в вузе не так активно общалась как тут!

— Ирина Перегуд, 27 поток «HTML и CSS. Профессиональная вёрстка сайтов»

Понимание приходит не сразу

Порой студенты понимают материал не с первого раза. Особенно те, кто раньше никогда не программировал. Но даже более-менее опытным студентам иногда нужно время, чтобы разобраться. Попробуйте перечитать, пересмотреть скринкасты по теме или задать вопрос на ретроспективе. Возможно, с новыми знаниями нужно переспать, а на следующий день вам станет гораздо яснее. Если всё-таки не получается, то вы можете задать вопрос наставнику на общем групповом созвоне.

Да, с некоторыми темами было тяжело и приходилось тратить много времени на самостоятельный поиск информации, повторный просмотр скринкастов или групповые созвоны. Но как же потом приятно смотреть на свой проект, о котором ещё месяц назад ты бы сказал: «Да я не знаю, как это сделать» и понимать, что вот оно — что-то, сделанное лично тобой, ты не зря старался.

У всех разная скорость обучения

Если вы чего-то не успеваете и кажется, что остальные студенты уже ушли вперёд, не думайте, что вы слабое звено. Каждый идёт в своём темпе, и если вы сейчас не вписываетесь в идеальный график, то у вас есть все шансы догнать остальных.

Не паникуйте и помните про дату защиты: главное — сделать проект к ней, а не обогнать других. Тем более, для того чтобы вы точно всё успели, в каждом курсе предусмотрено время для самостоятельной работы. За это время можно спокойно доделать всё, что вы не успели, и довести проект до защиты.

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

Основная моя мысль — было сложно, но очень интересно! Мозги скрипели, сон был забыт, а кофе я пила вместо воды. Но каждый день возвращалась к редактору кода. Насколько это было сложно, ровно настолько же было захватывающе узнавать новое, смотреть скринкасты, выполнять домашние задания. Я очень страдала от того, что моя защита на втором уровне вёрстки сильно затянулась, и я толком не успела подготовиться. Если бы было время, то всё прошло бы гораздо проще. Но мне повезло с крутым потоком, где все готовы помочь, поддержать, ответить на вопрос или хотя бы пострадать всем вместе.

Образование и склад ума не влияют на успех

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

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

У меня по образованию абсолютно не техническая специальность. Я врач, да ещё и в декрете, но проект успешно защитила. Сказал бы мне кто-нибудь год назад, что я с нуля сделаю сайт за 9 недель, не поверила бы. Все только в наших руках!

Усвоение информации

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

Главное — нужно понимать свои силы, это больше совет к тем, кто начал обучение с полного 0! Расставить правильно время и свои приоритеты! Не спешить и делать домашнее задание ровно столько, сколько задают, от себя ничего не добавлять, только сделаете ошибки. И слушать внимательно скринкасты и ретроспективы!

Спокойно принимайте критику

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

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

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

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

Материалы по теме

• Всё о стажировке в «Лиге А.»
• Что такое «Старт в программировании»
• Мастер-классы в HTML Academy. Что это и зачем
• Как устроен «Акселератор» в HTML Academy

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

Зачем основы html нужно знать всем?

Тарасов Алексей Владимирович

На мастер-классе вы узнаете, как использовать HTML

Где и когда?

7 апреля в 18:00 мск Учебный центр «Специалист» проведет онлайн-мастер-класс для всех, кто хочет создавать простые сайты.

Мастер-класс проведет эксперт по веб-программированию

Спикер мастер-класса — Тарасов Алексей Владимирович, талантливый преподаватель-практик, обладатель престижного международного статуса ZCE (Zend Certified Engineer). Специализируется на преподавании курсов по веб-технологиям. За время работы в центре Алексей Владимирович обучил свыше 5 000 слушателей.

С чем Вы познакомитесь?

На мастер-классе вы узнаете, как быстро сверстать блоки и каркас HTML-страницы. Вы поймете, как знания вёрстки помогут вам в вашей работе.

Почему это важно?

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

Кому будет максимально полезно?

• Начинающим верстальщикам;
• Маркетологам;
• Веб-дизайнерам;
• Контент-менеджерам;
• SEO-специалистам;
• SMM-специалистам.

Где получить полноценные знания?

Полностью изучить, как верстать веб-страницы с применением современных технологий HTML и CSS, вы сможете на нашем курсе «HTML и CSS. Уровень 2. Углубленный CSS и вёрстка макета».

Записывайтесь на мастер-класс и получите ценные знания из уст эксперта!

Учебный центр «Специалист»

• >1,4 млн выпускников
• > 35 000 корпоративных клиентов
• 250 преподавателей-экспертов
• 80 учебных классов
• > 1000 курсов

• Гарантия высокого качества обучения
• Более 250 преподавателей-экспертов высокой квалификации
• Гарантированное расписание на год
• Официальные документы после обучения (проверка через ФИС ФРДО)
• Профессиональная консультация по направлению обучения
• Удобное время занятий
• Форматы обучения: очное, онлайн, открытое или очно-заочное

• Авторизованные курсы от ведущих IT-компаний мира
• Престижные российские и международные сертификаты
• Уникальные технические лаборатории
• Корпоративное обучение
• Индивидуальный менеджмент
• Трудоустройство
• Программа привилегий «Настоящий специалист»

Какие базовые HTML теги важно знать для SEO [+чек-лист]

HTML — это стандартизированный язык разметки документов в интернете. Браузеры интерпретируют язык HTML и отображают пользователю уже отформатированный текст. Для разметки документов и нужны HTML теги, которые задают тексту и изображениям определенные свойства.

Для раскрутки сайта необязательно досконально разбираться в HTML и быть гуру верстки. Но есть теги, работа с которыми неразрывно связана с SEO. И о них нужно знать.

«Теги», «метатеги», «атрибуты», «элементы» — в чем разница?

Читая статьи о SEO, вы наверняка встретите эти термины. Но их часто путают, называя теги элементами, элементы — атрибутами.

Начнем с тегов. Это базовые конструкции HTML. Все они заключены в скобки <. >. Теги могут быть одиночными и парными. Во втором случае есть открывающий и закрывающий тег, обозначающийся <. />. Примеры тегов:

Внутри тега располагается текст. В совокупности с тегом этот текст является элементом HTML. Элемент — это основная структурная единица документа, написанного на HTML. Вот примеры элементов:

Этот тег свидетельствует о начале и конце абзаца

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

Элементы могут обладать атрибутами (свойствами). Они имеют стандартные значения или те, которые задаются пользователем. Атрибут прописывается в открывающем теге после имени элемента и перед закрывающей скобкой (>). Вот пример атрибута:

Разновидностью тегов являются метатеги. Это теги, предназначенные для представления структурированных метаданных о веб-странице. Они прописываются между тегами и — то есть пользователи не видят их содержимое.

Вот примеры метатегов:

Итак, с понятиями разобрались. Перейдем к самым важным HTML тегам для SEO.

HTML теги структуры документа

Каждый HTML документ имеет такую структуру:

Разберемся, что в нее входит:

• В самом верху — строка декларации версии HTML. С нее начинается документ, который отвечает спецификации HTML определенной версии (например, в нашем случае это HTML 5).
• Затем идет тег . Он сообщает браузеру о том, что далее будет текст формата HTML.
• После открывающего тега идет открывающий тег . Внутри него располагается служебная информация (пользователям она не отображается) — метатеги, скрипты счетчиков статистики, коды валидации ресурса в Яндекс.Вебмастере, Google Search Console и других сервисах.
• А вот информация внутри тега как раз видна пользователям — именно здесь расположен основной контент (текст, изображения, видео и т. п.). То есть если вы хотите, чтобы контент отображался на странице, его нужно добавлять именно внутрь тега .

Естественно, это не исчерпывающий список тегов структуры. Есть еще , , , и другие. Но для понимания базовой SEO-оптимизации сайта рассмотренных тегов достаточно.

HTML теги заголовков

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

Первый тег — . Он прописывается между тегами и . То есть информация в нем не отображается на странице, но поисковики ее учитывают и выводят как заголовок в результатах поиска.

Самая важная информация в должна поместиться в 60 символов — примерно столько отражается в заголовках сниппетов поисковых систем. Общий же текст в может быть длиннее.

На одной странице допустим только один заголовок .

А вот как текст из отображается в заголовке сниппета на поиске Яндекса:

Тег часто называют метатегом — по той причине, что он размещается в служебном разделе . И действительно, по своей сути он напоминает метатег. И если вы будете называть его метатегом, страшного ничего не произойдет. Но формально это тег заголовка документа. Поэтому мы рассказали о нем именно в этом разделе.

Внутри тегов … идут заголовки, которые отражаются в браузере. Главный заголовок заключен в парный тег — он единственный на странице, идет в самом начале. Для SEO это самый значимый заголовок, он отражает суть документа, именно в него следует вписывать самые частотные ключевые фразы. Далее текст разбивается на разделы заголовками , а уже после них — дробится на смысловые единицы с помощью .

Важно запомнить: заголовок нижнего уровня (например, ) не должен располагаться выше заголовка верхнего уровня (например, ).

Заголовок

Заголовок второго уровня

Заголовок второго уровня

Заголовок третьего уровня

Заголовок третьего уровня

Заголовок второго уровня

А вот как отформатированный при помощи заголовков текст отображается в браузере:

HTML теги форматирования

Если их не использовать, то текст будет похож на «простыню», которую сложно читать. Благодаря форматированию в тексте можно расставить акценты, сделать его читабельным. Поисковики распознают теги форматирования и отдают предпочтение «удобным» текстам.

Для целей SEO достаточно использовать такие теги:

• .

  (парный тег, обозначающий абзац);

• .
  .
  или
  могут вкладываться друг в друга);
  2. … (элемент списка);
  3. … (выделение жирным);
  4. … (выделение курсивом);

  5. …

     (тег цитирования, обычно появляются кавычки, горизонтальная линия слева текста, и он сдвигается вправо).

  Конечно, это далеко не все теги, но чтобы самостоятельно отформатировать текст и не обращаться к верстальщику, SEO-специалисту будет достаточно этого набора.

  Метатеги

  Метатеги используются в HTML документе для следующих целей:

  • Идентификация авторства. Для этой цели служит метатег Author:
  • Передача информации поисковикам для формирования заголовков и индексации документов. Например, директива noindex метатега Robots может запретить поисковым роботам индексировать страницу:
  • Формирование карточки для отображения контента в социальных сетях (о том, как подготовить сайт к трафику из соцсетей, мы подробно писали здесь);
  • Влияние на режим отображения страниц. К примеру, тег Viewport задает режим отображения страницы сайта с адаптивной версткой на устройствах с разным разрешением экрана:

  Остановимся подробнее на важных метатегах для целей поисковой оптимизации.

  Самый важный для SEO метатег — Robots. С его помощью можно запретить или разрешить индексацию страницы и ссылок на ней. Синтаксис такой:

  Значение index говорит о том, что роботам можно индексировать страницу (в противном случае меняем значение на noindex). Значение follow разрешает индексацию ссылок (в противном случае используем nofollow).

  Для целей SEO также важен метатег Description. Информация из него используется Google для формирования описания в сниппете (но так происходит не всегда). А вот Яндекс формирует сниппет на свое усмотрение. Но все поисковики учитывают информацию из Description для определения релевантности контента страницы поисковому запросу. Поэтому сюда обязательно стоит вписать ключевые фразы.

  Синтаксис выглядит так:

  Для быстрой проверки заголовков title, h1-h6 и метатегов description и keywords на сайте используйте парсер PromoPult. Полезные лайфхаки по работе с ним — здесь.

  Метатег Keywords при определении релевантности страницы поисковиками не учитывается. Но некоторые оптимизаторы до сих пор его прописывают. Выглядит он так:

  О каких еще метатегах полезно знать:

  • Viewport — используется для адаптации верстки сайта под мобильные устройства.
  • Content-Type — указывает на кодировку страницы (должна быть UTF-8).
  • Content-Language — указывает на язык страницы. Неправильно указанный язык приводит к более низкому ранжированию в регионе продвижения.

  Для того чтобы страница корректно отображалась в соцсетях, тоже используются метатеги. Например, протокол Open Graph поддерживает метатеги Property. Эти метатеги понимает Facebook, ВК, Pinterest, Twitter, LinkedIn, Telegram, WhatsApp, Viber, Slack и другие соцсети и мессенджеры.

  HTML тег и атрибуты ссылок

  С помощью тегов создаются гиперссылки. Синтаксис такой:

  Атрибут href указывает на адрес документа в интернете.

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

  1. _top (в текущем окне);
  2. _blank (в новом окне);
  3. _self (в текущем фрейме);
  4. _parent (в родительском фрейме).

  Если атрибут target не задать, то по умолчанию будет использоваться значение _self.

  При использовании атрибута target со значением _blank (открытие ссылки на новой вкладке) важно указать еще атрибут rel со значением noopener. Это закроет уязвимость, связанную с получением частичного контроля над страницей со стороны ресурса, на который был переход. Синтаксис такой:

  Для целей SEO часто требуется закрыть ссылку от индексации поисковыми роботами. Для этого используется атрибут rel со значением nofollow. Синтаксис такой:

  HTML тег и атрибуты изображений

  Для вставки и описания изображений тоже используется специальный тег. Для целей SEO особенно важны атрибуты alt.

  Синтаксис тега изображения:

  Здесь используются атрибуты:

  • src — атрибут, указывающий путь к файлу изображения.
  • alt — самый важный атрибут для SEO. Текст из alt используется в поиске по картинкам, также этот текст появляется вместо изображений, если отключен их показ в браузере.
  • title — это описание выводится в виде всплывающей подсказки при наведении курсора на изображение, на SEO не влияет.
  • width и height — соответственно, ширина и высота изображения.

  Чек-лист самых важных тегов HTML для SEO

  • Теги структуры HTML документа: , ,
  • Теги заголовков: , –
  • Теги форматирования текста:

    ,

    ,
    ,
    • , , ,
    • Метатеги: description, robots, viewport, author, property, content-type, content-language
    • Теги и атрибуты ссылок: , атрибуты href, target, rel
    • Теги и атрибуты изображений: , атрибуты src, alt, title, width, height

    Естественно, HTML-тегов намного больше — и если уметь ими пользоваться, это только плюс. Но для базового SEO вполне достаточно тех, что мы рассмотрели.

    «Плаваете» в HTML и вам сложно оценить правильность кода? Закажите SEO-аудит в PromoPult. Кроме определения валидности кода, он содержит много полезной информации, от которой вы будете отталкиваться при продвижении сайта.