Всем известно, что макет div+css сейчас очень популярен. CSS разделяет содержимое и представление веб-страницы, оптимизирует код веб-страницы, меняет несколько кодов и создает новый стиль веб-страницы, ха-ха! Что и говорить, скорость открытия! Но с точки зрения SEO скрытый текст — это SEO-обман! ! Является ли CSS идеальным, как упоминалось выше? Я не уверен, поэтому давайте обсудим, может ли изображение css идеально заменить тег img? Конечно, это включает в себя alt!
1. HTML-код изображений на обычных веб-страницах выглядит следующим образом:
<h1>
<img src="images/logo.jpg" alt="имя логотипа" />
</h1>
2. Если вместо этого вы используете CSS, сначала напишите фрагмент CSS-кода (где .logo — селектор класса):
h1.main-логотип {
ширина: 300 пикселей; высота: 50 пикселей;
фон: URL(images/logo.jpg);
текстовый отступ: -9999 пикселей;
}
Когда вы вызываете css на веб-странице, код выглядит следующим образом:
<h1 class="main-logo">Название логотипа</h1>
Два вышеупомянутых метода выражения абсолютно одинаковы, но способ выражения изображения в CSS делает слова «Название логотипа» скрытыми в тексте. С точки зрения SEO, является ли это мошенничеством? (SEO-эксперты, пожалуйста, оставьте сообщение!)
Почему всем нравится использовать этот CSS? Причину объяснять не буду, уже упоминалось! Но понимают ли поисковые системы? Хотя скорость открытия веб-страниц удобна для пользователей, могут ли это понять поисковые системы? Как мы все знаем, поисковые системы распознают только текст, а не изображения! Используя CSS, очевидно, что текст скрыт. Поисковые системы строго наказывают SEO за скрытый текст! Но использование CSS технически разумно. Могут ли Google и другие поисковые системы это понять?
Давайте посмотрим, что говорит Мэтт Каттс, старший инженер Google?
Если вы напрямую используете CSS для скрытия текста, не удивляйтесь, если это будет называться спамом. Я не говорю, что наведение курсора мыши или текст DHTML или «есть логотип, но еще и текст» — это спам. На последний вопрос я ответил на конференции, сказав: «Представьте, как это будет выглядеть для посетителя, конкурента или кого-то, кто просматривает отчет о спаме, если вы покажете название своей компании и это Expo Markers вместо логотипа Expo Markers. Если вы решите показать текст «Экспо-маркеры, дешевая онлайн-скидка, купить онлайн-распродажа Экспо-маркеров…», то я был бы более осторожен, потому что это может выглядеть плохо.
Из его слов видно, что если вы намеренно используете CSS для игры в SEO, ха-ха, это будет немного опасно! Если разумно использовать CSS для повышения удобства использования, то беспокоиться не о чем.
Постскриптум: Я еще взглянул на логотип Google. Он использует img, упомянутый в первом пункте этой статьи. И я вижу, что некоторые Википедии используют CSS-изображения, и их весовой рейтинг, похоже, не оказывает никакого влияния! хорошо! Это сложный вопрос, поэтому давайте оставим его на усмотрение каждого! !
Источник этой статьи: www.bobaiyou5.com .
Спасибо Bobaiyou за ваш вклад