O-uCoz.com

спонсор

Оптимизация HTML-кода страниц

08.07.2025 просмотров 181 | комментарии 0
Оптимизацию HTML-кода страниц можно условно разбить на несколько шагов.



Шаг первый – проводим «чистку» самого кода. Для этого закрываем неинформативные для индексации части кода (теги noindex). К неинформативным частям относятся скрипты, счетчики, таблицы.

Приводим код к стандартам W3C: закрываем теги, проверяем правильность кода и порядков тегов, а также наличие в коде текстов, которые невидимы для посетителя, тегов div в значении invisibl.

Шаг второй – проводим оптимизацию текстов, обеспечиваем достаточную концентрацию ключевиков в тегах и текстах. Оптимальная плотность ключевых слов на странице – до 5%. К тому же ключевик должен присутствовать в заголовке страницы (title), в тексте (ближе к началу), в заголовке на странице (h1).

Для рисунков (тег img) одновременно указываются атрибуты title и alt. При небольшом количестве страниц, рекомендации по картинкам есть возможность привести в таблице со следующими полями: URL страницы, содержание тегов title и alt, название рисунка.

Основными тегами для оптимизации являются:
– заголовок документа, используемый в результатах выдачи ПС. <br /> Теги h1-h3 – заголовки в тексте, здесь желательно наличие ключевого слова. <br /> Тег <strong> – происходит выделение полужирным шрифтом, будет полезным наличие ключевого слова. Выделять тегом <b>, у которого аналогичный эффект, не советуется, так как он является тегом физической разметки. <br /> <em></em> – текст выделяется курсивом. Также не советуется использовать аналогичный по внешнему виду тег <i>. <br /> Атрибут alt – прописывается к картинкам. Здесь наличие ключевого слова необходимо не только для оптимизации, но и с точки зрения юзабилити. <script> var container = document.getElementById('nativeroll_video_cont'); if (container) { var parent = container.parentElement; if (parent) { const wrapper = document.createElement('div'); wrapper.classList.add('js-teasers-wrapper'); parent.insertBefore(wrapper, container.nextSibling); } } </script> </div> <span class="left">Рубрика: <a href="/news/html/1-0-12">HTML</a></span> <span class="right">Теги: <noindex><a href="/search/%D1%81%D1%82%D1%80%D0%B0%D0%BD%D0%B8%D1%86/" rel="nofollow" class="eTag">страниц</a>, <a href="/search/null/" rel="nofollow" class="eTag">null</a>, <a href="/search/HTML-%D0%BA%D0%BE%D0%B4%D0%B0/" rel="nofollow" class="eTag">HTML-кода</a>, <a href="/search/%D0%BE%D0%BF%D1%82%D0%B8%D0%BC%D0%B8%D0%B7%D0%B0%D1%86%D0%B8%D1%8F/" rel="nofollow" class="eTag">оптимизация</a></noindex></span> </div> <div class="cn_social left"> <div class="left odna_knopka yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,gplus"></div> <div class="right blog_rai"> <span class="right south" title="Оценка материала: 0 Количество голосов: 0"></span> <span class="right"> <style type="text/css"> .u-star-rating-16 { list-style:none; margin:0px; padding:0px; width:80px; height:16px; position:relative; background: url('/img/rating_star_01.png') top left repeat-x } .u-star-rating-16 li{ padding:0px; margin:0px; float:left } .u-star-rating-16 li a { display:block;width:16px;height: 16px;line-height:16px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding: 0px;overflow:hidden } .u-star-rating-16 li a:hover { background: url('/img/rating_star_01.png') left center;z-index:2;left:0px;border:none } .u-star-rating-16 a.u-one-star { left:0px } .u-star-rating-16 a.u-one-star:hover { width:16px } .u-star-rating-16 a.u-two-stars { left:16px } .u-star-rating-16 a.u-two-stars:hover { width:32px } .u-star-rating-16 a.u-three-stars { left:32px } .u-star-rating-16 a.u-three-stars:hover { width:48px } .u-star-rating-16 a.u-four-stars { left:48px } .u-star-rating-16 a.u-four-stars:hover { width:64px } .u-star-rating-16 a.u-five-stars { left:64px } .u-star-rating-16 a.u-five-stars:hover { width:80px } .u-star-rating-16 li.u-current-rating { top:0 !important; left:0 !important;margin:0 !important;padding:0 !important;outline:none;background: url('/img/rating_star_01.png') left bottom;position: absolute;height:16px !important;line-height:16px !important;display:block;text-indent:-9000px;z-index:1 } </style><script> var usrarids = {}; function ustarrating(id, mark) { if (!usrarids[id]) { usrarids[id] = 1; $(".u-star-li-"+id).hide(); _uPostForm('', {type:'POST', url:'/news/', data:{ 'a':'65', 'id':id, 'mark':mark, 'mod':'news', 'ajax':'2' }}); } } </script><ul id="uStarRating830" class="uStarRating830 u-star-rating-16" title="Рейтинг: 0.0/0"> <li id="uCurStarRating830" class="u-current-rating uCurStarRating830" style="width:0%;"></li><li class="u-star-li-830"><a href="#" onclick="ustarrating('830', 1); return false;" class="u-one-star">1</a></li> <li class="u-star-li-830"><a href="#" onclick="ustarrating('830', 2); return false;" class="u-two-stars">2</a></li> <li class="u-star-li-830"><a href="#" onclick="ustarrating('830', 3); return false;" class="u-three-stars">3</a></li> <li class="u-star-li-830"><a href="#" onclick="ustarrating('830', 4); return false;" class="u-four-stars">4</a></li> <li class="u-star-li-830"><a href="#" onclick="ustarrating('830', 5); return false;" class="u-five-stars">5</a></li></ul></span> </div> </div> <div class="cell_recommend left"> <h2>Рекомендуем прочитать</h2> <a id="nr_1" href="https://oo-ucoz.ucoz.com/news/sovremennye_trendy_veb_dizajna/2013-07-27-497"> <img src="/_nw/4/s29748579.jpg" alt="Современные тренды веб-дизайна"><p>Современные тренды веб-дизайна</p></a><a id="nr_2" href="https://oo-ucoz.ucoz.com/news/ispolzovanie_css_v_dizajne_sajta/2013-07-28-865"> <img src="/_nw/8/s24345594.jpg" alt="Использование CSS в дизайне сайта"><p>Использование CSS в дизайне сайта</p></a><a id="nr_3" href="https://oo-ucoz.ucoz.com/news/kak_podnjat_tic_ne_narushaja_pravil_jandeksa/2013-07-27-693"> <img src="/_nw/6/s39057797.jpg" alt="Как поднять ТИЦ не нарушая правил Яндекса"><p>Как поднять ТИЦ не нарушая правил Я...</p></a><a id="nr_4" href="https://oo-ucoz.ucoz.com/news/chto_vygodnee_kontekstnaja_bannernaja_ili_tizernaja_reklama/2013-07-25-309"> <img src="/_nw/3/s02988213.jpg" alt="Что выгоднее: контекстная, баннерная или тизерная реклама?"><p>Что выгоднее: контекстная, баннерна...</p></a><a id="nr_5" href="https://oo-ucoz.ucoz.com/news/vneshnie_ssylki/2013-07-28-795"> <img src="/_nw/7/30687593.jpg" alt="Внешние ссылки"><p>Внешние ссылки</p></a><a id="nr_6" href="https://oo-ucoz.ucoz.com/news/chto_takoe_html/2013-07-28-846"> <img src="/_nw/8/s04906694.jpg" alt="Что такое HTML"><p>Что такое HTML</p></a> </div> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td colspan="2"><script> function spages(p, link) { !!link && location.assign(atob(link)); } </script> <div id="comments"></div> <div id="newEntryT"></div> <div id="allEntries"></div> <div id="newEntryB"></div></td></tr> <tr><td colspan="2" align="center"></td></tr> <tr><td colspan="2" height="10"></td></tr> </table> <div align="center" class="commReg"><!--<s5237>-->Добавлять комментарии могут только зарегистрированные пользователи.<!--</s>--><br />[ <a href="/register"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="javascript:;" rel="nofollow" onclick="loginPopupForm(); return false;"><!--<s3087>-->Вход<!--</s>--></a> ]</div> <!-- </body> --> </div> <!-- /Контент --> <!--U1CLEFTER1Z--><!-- right_bar --> <div class="right_bar left opacity2"> <div class="textow"><span>Навигация</span></div> <div class="right_bar_os rb_cat"> <!-- <bc> --><table border="0" cellspacing="1" cellpadding="0" width="100%" class="catsTable"><tr> <td style="width:100%" class="catsTd" valign="top" id="cid5"> <a href="/news/kommentarii/1-0-5" class="catName">Комментарии</a> <span class="catNumData" style="unicode-bidi:embed;">[1]</span> </td></tr><tr> <td style="width:100%" class="catsTd" valign="top" id="cid6"> <a href="/news/informery/1-0-6" class="catName">Информеры</a> <span class="catNumData" style="unicode-bidi:embed;">[0]</span> </td></tr><tr> <td style="width:100%" class="catsTd" valign="top" id="cid7"> <a href="/news/katalogi/1-0-7" class="catName">Каталоги</a> <span class="catNumData" style="unicode-bidi:embed;">[0]</span> </td></tr><tr> <td style="width:100%" class="catsTd" valign="top" id="cid8"> <a href="/news/forum/1-0-8" class="catName">Форум</a> <span class="catNumData" style="unicode-bidi:embed;">[0]</span> </td></tr><tr> <td style="width:100%" class="catsTd" valign="top" id="cid20"> <a href="/news/ucoz/1-0-20" class="catName">uCoz</a> <span class="catNumData" style="unicode-bidi:embed;">[23]</span> </td></tr><tr> <td style="width:100%" class="catsTd" valign="top" id="cid3"> <a href="/news/ucoz_skripty/1-0-3" class="catName">uCoz скрипты</a> <span class="catNumData" style="unicode-bidi:embed;">[304]</span> </td></tr><tr> <td style="width:100%" class="catsTd" valign="top" id="cid2"> <a href="/news/ucoz_shablony/1-0-2" class="catName">uCoz шаблоны</a> <span class="catNumData" style="unicode-bidi:embed;">[270]</span> </td></tr><tr> <td style="width:100%" class="catsTd" valign="top" id="cid1"> <a href="/news/ucoz_modifikacii/1-0-1" class="catName">uCoz модификации</a> <span class="catNumData" style="unicode-bidi:embed;">[0]</span> </td></tr><tr> <td style="width:100%" class="catsTd" valign="top" id="cid19"> <a href="/news/ucoz_ikonki/1-0-19" class="catName">uCoz иконки</a> <span class="catNumData" style="unicode-bidi:embed;">[91]</span> </td></tr><tr> <td style="width:100%" class="catsTd" valign="top" id="cid18"> <a href="/news/videouroki_po_ucoz/1-0-18" class="catName">Видеоуроки по uCoz</a> <span class="catNumData" style="unicode-bidi:embed;">[2]</span> </td></tr><tr> <td style="width:100%" class="catsTd" valign="top" id="cid11"> <a href="/news/sozdanie_sajtov/1-0-11" class="catName">Создание сайтов</a> <span class="catNumData" style="unicode-bidi:embed;">[62]</span> </td></tr><tr> <td style="width:100%" class="catsTd" valign="top" id="cid9"> <a href="/news/zarabotok_v_seti/1-0-9" class="catName">Заработок в сети</a> <span class="catNumData" style="unicode-bidi:embed;">[143]</span> </td></tr><tr> <td style="width:100%" class="catsTd" valign="top" id="cid10"> <a href="/news/seo_i_prodvizhenie_sajtov/1-0-10" class="catName">SEO и продвижение сайтов</a> <span class="catNumData" style="unicode-bidi:embed;">[298]</span> </td></tr><tr> <td style="width:100%" class="catsTd" valign="top" id="cid12"> <a href="/news/html/1-0-12" class="catNameActive">HTML</a> <span class="catNumData" style="unicode-bidi:embed;">[31]</span> </td></tr><tr> <td style="width:100%" class="catsTd" valign="top" id="cid13"> <a href="/news/css/1-0-13" class="catName">CSS</a> <span class="catNumData" style="unicode-bidi:embed;">[23]</span> </td></tr><tr> <td style="width:100%" class="catsTd" valign="top" id="cid14"> <a href="/news/smm_i_smo/1-0-14" class="catName">SMM и SMO</a> <span class="catNumData" style="unicode-bidi:embed;">[24]</span> </td></tr><tr> <td style="width:100%" class="catsTd" valign="top" id="cid15"> <a href="/news/internet_marketing/1-0-15" class="catName">Интернет-маркетинг</a> <span class="catNumData" style="unicode-bidi:embed;">[11]</span> </td></tr><tr> <td style="width:100%" class="catsTd" valign="top" id="cid16"> <a href="/news/veb_dizajn/1-0-16" class="catName">Веб-дизайн</a> <span class="catNumData" style="unicode-bidi:embed;">[117]</span> </td></tr><tr> <td style="width:100%" class="catsTd" valign="top" id="cid17"> <a href="/news/programmy_dlja_veb_mastera/1-0-17" class="catName">Программы для веб-мастера</a> <span class="catNumData" style="unicode-bidi:embed;">[4]</span> </td></tr><tr> <td style="width:100%" class="catsTd" valign="top" id="cid4"> <a href="/news/o_raznom/1-0-4" class="catName">О разном</a> <span class="catNumData" style="unicode-bidi:embed;">[142]</span> </td></tr><tr> <td style="width:100%" class="catsTd" valign="top" id="cid21"> <a href="/news/relizy_datalife_engine/1-0-21" class="catName">Релизы DataLife Engine</a> <span class="catNumData" style="unicode-bidi:embed;">[1]</span> </td></tr><tr> <td style="width:100%" class="catsTd" valign="top" id="cid22"> <a href="/news/besplatnye_shablony_dle/1-0-22" class="catName">Бесплатные шаблоны DLE</a> <span class="catNumData" style="unicode-bidi:embed;">[524]</span> </td></tr><tr> <td style="width:100%" class="catsTd" valign="top" id="cid23"> <a href="/news/moduli_dle/1-0-23" class="catName">Модули DLE</a> <span class="catNumData" style="unicode-bidi:embed;">[68]</span> </td></tr><tr> <td style="width:100%" class="catsTd" valign="top" id="cid24"> <a href="/news/khaki_dlja_dle/1-0-24" class="catName">Хаки для DLE</a> <span class="catNumData" style="unicode-bidi:embed;">[34]</span> </td></tr><tr> <td style="width:100%" class="catsTd" valign="top" id="cid25"> <a href="/news/stati_o_dle/1-0-25" class="catName">Статьи о DLE</a> <span class="catNumData" style="unicode-bidi:embed;">[1]</span> </td></tr><tr> <td style="width:100%" class="catsTd" valign="top" id="cid26"> <a href="/news/nakrutka_vkontakte/1-0-26" class="catName">Накрутка вконтакте</a> <span class="catNumData" style="unicode-bidi:embed;">[3]</span> </td></tr></table><!-- </bc> --> </div> <div class="textow"><span>Горячие новости</span></div> <div class="right_bar_os rb_news"><a href="https://oo-ucoz.ucoz.com/news/perekhod_na_stranicu_skripty_dlja_ucoz/2013-08-04-1421">Переход на страницу скрипты...</a><a href="https://oo-ucoz.ucoz.com/news/shablon_fstud_dle_9_7/2013-08-28-1871">Шаблон fstud DLE 9.7</a><a href="https://oo-ucoz.ucoz.com/news/vid_kommentariev_dlja_temnykh_dizajnov/2013-08-03-1290">Вид комментариев для темных...</a><a href="https://oo-ucoz.ucoz.com/news/statistika_sajta_dlja_ucoz_dop_moduli/2013-08-04-1308">Статистика сайта для uCoz +...</a><a href="https://oo-ucoz.ucoz.com/news/tri_shaga_k_sozdaniju_perspektivnogo_sajta_na_ucoz/2013-07-28-879">Три шага к созданию перспек...</a><a href="https://oo-ucoz.ucoz.com/news/4_sposoba_uvelichenija_populjarnosti_sajta/2013-07-27-592">4 способа увеличения популя...</a><a href="https://oo-ucoz.ucoz.com/news/pokupka_trafika_vkontakte/2013-07-28-905">Покупка трафика Вконтакте</a></div> <div class="textow"><span>Теги</span></div> <div class="right_bar_os rb_tag"><noindex><a style="font-size:11pt;" href="/search/ucoz/" rel="nofollow" class="eTag eTagGr11">ucoz</a> <a style="font-size:8pt;" href="/search/Flash/" rel="nofollow" class="eTag eTagGr8">Flash</a> <a style="font-size:8pt;" href="/search/stalker/" rel="nofollow" class="eTag eTagGr8">stalker</a> <a style="font-size:8pt;" href="/search/CS/" rel="nofollow" class="eTag eTagGr8">CS</a> <a style="font-size:8pt;" href="/search/Seo/" rel="nofollow" class="eTag eTagGr8">Seo</a> <a style="font-size:8pt;" href="/search/google/" rel="nofollow" class="eTag eTagGr8">google</a> <a style="font-size:8pt;" href="/search/%D0%B1%D0%BB%D0%BE%D0%B3%D0%B0/" rel="nofollow" class="eTag eTagGr8">блога</a> <a style="font-size:8pt;" href="/search/10/" rel="nofollow" class="eTag eTagGr8">10</a> <a style="font-size:8pt;" href="/search/%D0%B1%D1%8B%D1%82%D1%8C/" rel="nofollow" class="eTag eTagGr8">быть</a> <a style="font-size:8pt;" href="/search/jQuery/" rel="nofollow" class="eTag eTagGr8">jQuery</a> <a style="font-size:25pt;" href="/search/null/" rel="nofollow" class="eTag eTagGr25">null</a> <a style="font-size:8pt;" href="/search/web/" rel="nofollow" class="eTag eTagGr8">web</a> <a style="font-size:8pt;" href="/search/PSD/" rel="nofollow" class="eTag eTagGr8">PSD</a> <a style="font-size:8pt;" href="/search/%D0%B0%D0%B4%D0%B0%D0%BF%D1%82%D0%B0%D1%86%D0%B8%D1%8F/" rel="nofollow" class="eTag eTagGr8">адаптация</a> <a style="font-size:8pt;" href="/search/HTML/" rel="nofollow" class="eTag eTagGr8">HTML</a> <a style="font-size:8pt;" href="/search/css/" rel="nofollow" class="eTag eTagGr8">css</a> <a style="font-size:8pt;" href="/search/by/" rel="nofollow" class="eTag eTagGr8">by</a> <a style="font-size:8pt;" href="/search/v2/" rel="nofollow" class="eTag eTagGr8">v2</a> <a style="font-size:8pt;" href="/search/music/" rel="nofollow" class="eTag eTagGr8">music</a> <a style="font-size:8pt;" href="/search/news/" rel="nofollow" class="eTag eTagGr8">news</a> <a style="font-size:8pt;" href="/search/Windows/" rel="nofollow" class="eTag eTagGr8">Windows</a> <a style="font-size:8pt;" href="/search/Rip/" rel="nofollow" class="eTag eTagGr8">Rip</a> <a style="font-size:8pt;" href="/search/png/" rel="nofollow" class="eTag eTagGr8">png</a> <a style="font-size:12pt;" href="/search/dle/" rel="nofollow" class="eTag eTagGr12">dle</a> <a style="font-size:8pt;" href="/search/Template/" rel="nofollow" class="eTag eTagGr8">Template</a> <a style="font-size:9pt;" href="/search/9.5/" rel="nofollow" class="eTag eTagGr9">9.5</a> <a style="font-size:8pt;" href="/search/9.6/" rel="nofollow" class="eTag eTagGr8">9.6</a> <a style="font-size:8pt;" href="/search/9.8/" rel="nofollow" class="eTag eTagGr8">9.8</a> <a style="font-size:8pt;" href="/search/9.7/" rel="nofollow" class="eTag eTagGr8">9.7</a> <a style="font-size:8pt;" href="/search/%28%D0%9E%D1%80%D0%B8%D0%B3%D0%B8%D0%BD%D0%B0%D0%BB%29/" rel="nofollow" class="eTag eTagGr8">(Оригинал)</a> </noindex></div> <div class="textow"><span>Последние коментарии</span></div> <div class="right_bar_os rb_tag"><!-- #4 'Информер #4' --><div class="osninf"><div class="inftitl"><b>Новость:</b> <a href="//oo-ucoz.ucoz.com/news/kak_navernjaka_poterjat_dengi_v_seti/2013-07-25-366">Как наверняка потерять деньги в сети</a></div><b>DUMASS</b> написал: <div class="infmes">Спасибо за статью)</div></div></div> <div class="textow"><span>Статистика</span></div> <div class="right_bar_os"> <!-- <bc> --> <a rel="nofollow" href="/panel/?a=ustat&u=oo-ucoz&d=d&il=ru" target="_blank" title="uCoz Counter"> <img alt="" src="/stat/1751923218" height="31" width="88" /> </a><!-- </bc> --> </div> </div> <!-- /right_bar --><!--/U1CLEFTER1Z--> <!-- </middle> --> <div class="clear_os"></div> </div> <!-- /Основной каркас --> <!--U1BFOOTER1Z--><div class="footer ts_b opacity1"> <div class="left"> <p>© <a href="http://oo-ucoz.ucoz.com/" title="Главная страница Сайта">O-uCoz.com</a> 2025</p> </div> <div class="right text_r"> <p><a href="/sitemap.xml"><img src="/img/footer/sitemap.png" /></a> </p> <p><!-- "' --><span class="pb1yWSah">Хостинг от <a href="https://www.ucoz.ru/">uCoz</a></span><!-- Yandex.Metrika counter --><script src="//mc.yandex.ru/metrika/watch.js" type="text/javascript"></script><script type="text/javascript">try { var yaCounter21852046 = new Ya.Metrika({id:21852046});} catch(e) { }</script><noscript><div><img src="//mc.yandex.ru/watch/21852046" style="position:absolute; left:-9999px;" alt="" /></div></noscript><!-- /Yandex.Metrika counter --></p> </div> </div><!--/U1BFOOTER1Z--> <script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script> </body> </html> <!-- 0.06224 (s750) -->