Оптимизация вашего веб-сайта для поисковых систем с использованием CSS и Javascript Две из лучших техник, которые появились для улучшения веб-сайтов, это каскадные таблицы стилей (CSS) и навигационные меню на Javascript. В этой статье я хочу показать вам, как использовать обе эти техники, чтобы упростить процесс обслуживания сайта и решить, по меньшей мере, две проблемы, связанные с использованием навигационных меню на Javascript. CSS может значительно облегчить обслуживание веб-сайта, объединяя все стили и атрибуты в один центральный файл, который может быть отредактирован отдельно и влиять на внешний вид всего сайта.
Также замечательно, что один файл на Javascript может иметь аналогичный эффект на навигационное меню сайта, делая его доступным для каждой страницы через одну строку кода на каждой странице, которая ссылается на файл на Javascript. Переместив все стили CSS и код на Javascript в два отдельных файла, вы сможете очистить текстовое содержимое ваших веб-страниц, что сделает его более удобным для поисковых роботов, которые индексируют ваш сайт и ранжируют его в соответствии с фактическим текстовым содержимым.
Это действительно две техники, которые стоит реализовать.
Вот примеры, чтобы показать, как это делается.
Сначала вот как должна выглядеть ваша веб-страница, в которой используются и CSS, и файл на Javascript для навигационного меню: html Copy
Теперь вот как должен выглядеть ваш файл на Javascript для навигационного меню: html Copy<!-- document.write('<a href=" http://www.yourdomain.com/your_web_file1.html ">Страница один</a><br>'); document.write('<a href=" http://www.yourdomain.com/your_web_file2.html ">Страница два</a><br>'); -->
<HTML>
<HEAD>
<TITLE>Название вашей страницы</TITLE>
<LINK TYPE="text/css" MEDIA="Screen" REL="stylesheet" HREF=" http://www.yourdomain.com/your_css_file.css ">
</HEAD>
<BODY>
<DIV ID="center">
<H1>Название вашей страницы</H1>
Текстовое содержимое вашей страницы здесь.
</DIV>
<DIV ID="left">
Ваше навигационное меню вставляется здесь из вашего файла на Javascript с использованием следующей строки кода.
В следующем примере показан образец кода для файла навигационного меню на Javascript.
<SCRIPT LANGUAGE="javascript" TYPE="text/javascript" SRC=" http://www.yourdomain.com/your_nav_menu_file.js "></SCRIPT>
</DIV>
</BODY>
</HTML>
Вы можете добавлять столько пунктов меню, сколько вам нужно, поэтому вы понимаете идею.
Наконец, вот часть кода в вашем файле CSS, которая придает вашему сайту вид таблицы без использования громоздкого и подверженного высокому обслуживанию HTML кода таблиц: .
другой CSS код, такой как стиль шрифта и т.д., может предшествовать следующему сегменту.
Блоки кода #left и #center ниже соответствуют левым и центральным колонкам на вашей веб-странице.
Вы можете.
-
«3 Полезных Совета Для Интернет-Бизнеса»
19 Oct, 24 -
Pinterest: Seo И Лучшие Практики
19 Oct, 24 -
Простой Способ Привлечь Трафик
19 Oct, 24 -
Услуги По Представлению Сайта
19 Oct, 24
