SEO — это наука, которая включает в себя широкий спектр вещей. Многие друзья, занимаясь SEO, склонны сосредотачиваться на некоторых внешних вещах, таких как внешние ссылки, реклама и т. д., игнорируя при этом некоторые внутренние вещи своих собственных веб-сайтов. Я расскажу вам о некоторых вещах, связанных с HTML-версткой. Надеюсь, это будет вам полезно, и вы можете обсудить это вместе.
1. Напишите хорошую структуру HTML
Хорошая структура HTML-документа полезна как для поисковых систем, так и для программистов (срезеров или программистов). Напомним, что причина, по которой люди отказались от макета TABLE (таблица), заключается в том, что при использовании макета TABLE создается много избыточного кода, и для достижения определенного визуального эффекта можно применять только несколько таблиц. Поэтому, если вы используете макет DIV+CSS, но ваш HTML-документ слишком глубоко вложен или имеет слишком много избыточных кодов, он по сути ничем не отличается от табличного макета. Здесь я рекомендую сайт, написанный зарубежным экспертом. Вы можете сослаться на его структуру документов Zengarden (Сад Крыльев Цикады), и она появится в Baidu.
2. Умело используйте свой ЛОГОТИП.
Многие друзья любят вставлять тег IMG в качестве логотипа веб-сайта. Лично я считаю, что это пустая трата ресурсов. Почему вы так говорите? Потому что поисковые системы сейчас почти игнорируют атрибут ALT тега IMG. Также существует тот факт, что поисковые системы придают большое значение первой части HTML-кода веб-сайта. Здесь я приведу вам пример, который научит вас, как умело использовать ваш ЛОГОТИП. Давайте откроем веб-сайт Sohu, чтобы просмотреть его исходный файл и обнаружить его. ЛОГОТИП не используется. Изображение, вставленное тегом IMG, определяется следующим образом:
HTML-часть
<h1><a href=http://www.sohu.com title="Sohu-крупнейший портал Китая">Sohu</a></h1>
CSS-часть
h1 {text-indent: -5000px;display:block;width:143px;height:67px;float:left;margin:0 auto;}
h1 a {ширина: 143 пикселей; высота: 67 пикселей; с плавающей запятой: слева; фон: URL (../images/logo.gif) без повтора; переполнение: скрыто;}
Многие могут спросить, почему это тег H1? Это считается мошенничеством? Поисковая система официально не заявляет об этом как об мошенничестве, и такой крупный веб-сайт, как Sohu, делает это, так что мы можем просто признать это, и я использовал этот трюк много раз, и до сих пор не обнаружил никаких проблем.
3. Размещайте теги H правильно.
Друзья, у которых есть опыт SEO, знают это. Да, теги H1~H6 хороши для оптимизации веб-сайта, но если вашими тегами H злоупотреблять, они не только не принесут никакой пользы для SEO, но и будут понижены в должности или даже уничтожены. В качестве примера возьмем новость. Лично я рекомендую размещать заголовок в теге H1. В теге H2 можно разместить краткое описание примерно из 50 слов. Кроме того, вспомогательное ключевое слово, связанное с заголовком. можно добавить к тегу H2, чтобы отключить его. Теги H3 можно использовать в качестве субтитров в новостном контенте. Как и в H2, вы также можете добавлять некоторые изменения ключевых слов, но необходимо контролировать пропорции. H4, как и H3, работает лучше при совместном использовании.
4. Сочетание эстетики и оптимизации сайта.
В настоящее время создание HTML-верстки в Китае часто является самой большой головной болью для художников или нарезки персонала, поскольку отечественная операционная система может отображать на веб-страницах очень мало шрифтов. Наиболее часто используемый шрифт — Song Dynasty, но многие дизайнеры используют его при дизайне веб-сайтов. . Использование в рукописи художественных шрифтов — это нормально. Но, к сожалению, отечественные браузеры поддерживают только шрифт Song и некоторые редко используемые жирные шрифты и курсив. Что мне делать? Друзья, у которых есть опыт нарезки, сразу же задумываются о нарезке картинок. Да, это самый распространенный метод, но что, если такие штуки с использованием художественных шрифтов очень полезны для SEO? Автор использовал хитрость, которую не заметили многие друзья, а именно встраивание шрифтов, либо просто добавление кода напрямую по старым правилам:
CSS-часть
@font-face {font-family:'flagwindRegular';src:url('/DBFNT0.eot');}
#navigation li{font:normal 15px 'Microsoft Yahei','flagwindRegular';}
Внимательно обратите внимание на определение шрифта в моем #navigation. Во-первых, это Microsoft Yahei, а затем содержимое в одинарной кавычке — это имя шрифта, которое я настроил выше. Я не буду здесь вдаваться в подробности о пользовательских встроенных шрифтах. Вы можете найти его на Baidu. Это очень просто, и вы можете научиться этому за считанные минуты.
Я так много написал. Я пишу плохо, и это мой первый раз, может ли он пройти проверку, это вопрос. Однако то, что я сказал, основано на моем 7-летнем опыте создания веб-сайтов. , пожалуйста, не стесняйтесь комментировать Пайчжуань, если он пройдет проверку, постарайтесь написать как можно больше практических вещей.
Эта статья была первоначально создана компанией Flagwind Network ( www.flagwind.com ), Шэньчжэньской компанией по созданию веб-сайтов. Пожалуйста, не удаляйте исходную информацию об авторских правах при пересылке, спасибо!
Спасибо Shenzhen Qifeng Network за вклад