Может ли белый текст на темном фоне повредить вашему SEO?

  1. Простой ответ
  2. Вопрос юзабилити
  3. Историческая Перспектива
  4. Современный дизайн
  5. Проблемы с темным дизайном
  6. Правильное использование ночного форматирования
  7. Чего не делать
  8. Автор Аманда ДиСильвестро

При использовании цвета на вашем веб-сайте нужно учитывать удивительное количество

При использовании цвета на вашем веб-сайте нужно учитывать удивительное количество. Ваши цвета соответствуют? Они соответствуют вашему бренду? Используете ли вы странные градиенты или странные оттенки в разных частях вашего сайта?

Большинство из этих вопросов довольно нишевые, но в последние несколько лет один из них все больше выходит на первый план. Вредит ли использование SEO светлого или белого текста на темном или черном фоне?

Простой ответ

Я продолжу и, в отличие от большинства других постов, которые я пишу, сразу даст вам хороший и простой ответ. Нет , использование светлого текста на темном фоне не повредит вашему SEO, если вы все сделали правильно. Что значит делать это правильно? Ну, для этого вам придется прочитать остальную часть этого поста, не так ли?

Вопрос юзабилити

У Google есть два движущих фактора, стоящих за практически каждым выбором, который они делают с помощью своего алгоритма поиска. Первое - это подтверждение доверия . Одной из основных целей алгоритма является продвижение заслуживающего доверия контента и демонстрация менее заслуживающего доверия контента. Конечно, это не всегда работает так, как задумано. Есть много распространенных фальшивых новостей и различного контента против изменения климата или анти-вакцинации или чего-то еще, с их собственными сетями людей, которые верят, что это повышает его «доверие», даже когда это объективно ложно.

Кроме того, с этой проблемой Google рано или поздно столкнется. До сих пор они занимали беспристрастную позицию, позволяя фильтровать информацию на основе популярности, а не факта. Они решили не быть арбитрами истины. Тем не менее, мы достигли переломного момента в истории человечества, где чрезвычайно популярная дезинформация наносит прямой ущерб обществу, природе и жизни людей. Как Google будет справляться с их ролью информационных брокеров? Ну, может, поэтому они тихо убрал их миссию «не будь злым» ,

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

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

Историческая Перспектива

Мы думаем, что черный текст на белом фоне является довольно стандартной настройкой по умолчанию для Интернета. Кроме почему мы? Сколько веб-сайтов, которые вы посещаете, сегодня имеют белый фон? Я знаю, что многие из тех, кого я посещаю, имеют не совсем белый, тонкий серый фон или даже цветной фон. Сам Google фактически один из немногих, кто до сих пор использует чистый белый цвет.

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

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

Причина этого, конечно, в том, что бумага получается естественно белого, бежевого или другого не совсем белого цвета. Чисто яркий белый цвет, к которому мы привыкли из бумаги для принтера, на самом деле из-за отбеливания во время производства, но это все еще светлый цвет. Между тем легче всего сделать темные цветные пигменты для чернил. Огромное количество возможных красителей может быть использовано для изготовления темных красок, в то время как более светлые красители сложнее.

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

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

Современный дизайн

В эпоху между появлением компьютеров и последним десятилетием тема использования «черного на белом» или «белого на черном» стала предметом интенсивной дискуссии. Большинство веб-мастеров используют черное на белом просто потому, что это проще, это по умолчанию, это менее странно и более знакомо пользователям. Когда вы открываете веб-сайт и видите свет на черном, это дает вам паузу, вам нужно время, чтобы приспособиться.

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

Вы уже догадались, о чем я говорю? Я говорю о ночном режиме . Ночной режим имеет несколько разных значений для разных приложений и видов дизайна.

Первая разновидность исходит из современного понимания того, что синий свет вреден для ваших глаз, особенно ночью. Несколько приложений, например F.lux и Android ночной режим подкрасит ваш экран оранжевым оттенком, чтобы понизить синий и понизить яркость в темное время суток. Это более естественный оттенок света с меньшим потенциальным повреждением глаз. Однако я не очень заинтересован в таком ночном режиме.

Другой вид ночного режима - это вид, который вы видите в современных приложениях. Reddit имеет его в качестве настройки учетной записи. Как и Твиттер. Это меняет цвет дизайна сайта. Подумайте о скриншотах в Twitter, которые вы видите. Некоторые белые фоны с черным и синим текстом. У некоторых есть темно-синий фон с белым текстом.

Обе версии этих сайтов в целом одинаково удобны, верно? Ночной режим предназначен для того же, что и приложения f.lux; облегчить просмотр экрана ночью.

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

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

Проблемы с темным дизайном

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

По сути, и это очень просто: светлый фон заставляет ваших зрачков уменьшаться, а темные настройки позволяют зрачку расширяться, чтобы дать больше света. Это хорошо, за исключением людей с астигматизмом. Более широкий зрачок позволяет деформированной линзе оказывать большее влияние на текст, делая его более размытым.

Более широкий зрачок позволяет деформированной линзе оказывать большее влияние на текст, делая его более размытым

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

Вот почему все эти функции являются опциями. В Twitter и Reddit есть ночной режим, который вы можете включать и выключать по своему усмотрению, всего за пару нажатий или нажатий. Приложение f.lux настраивается динамически в зависимости от времени суток и даже географического положения, чтобы учитывать часы, когда солнечный свет доступен.

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

Правильное использование ночного форматирования

Если вы хотите использовать ночной режим или просто хотите светлую темную цветовую схему для своего сайта, это совершенно нормально. Вы не будете оштрафованы Google, если не будете делать что-то, что наносит вред пользователю.

Хотя принудительное использование ночного режима для всех пользователей в любое время может повредить некоторым из них - вышеупомянутым проблемам со зрением или проблемам с просмотром сайта в течение дня - Google на самом деле не собирается принимать это во внимание. У Google есть миллиарды пользователей, и небольшие группы населения не собираются вносить масштабные изменения в дизайн.

При использовании светлого текста на темном фоне необходимо убедиться, что он всегда будет загружаться. Это означает, что вы должны указать цвет светлого шрифта и цвет темного фона в вашем коде напрямую. Не используйте внешний CSS-файл, скрипт или изображение для установки любого атрибута.

Например, одна проблема, которую я видел, - это сайт, который использует темное изображение в качестве фона с белым текстом поверх него. Это относительно распространено в некоторых ресторанах, на некоторых космических объектах и ​​других ночных объектах.

Это относительно распространено в некоторых ресторанах, на некоторых космических объектах и ​​других ночных объектах

Ну, что будет, если фоновое изображение не загрузится? Если вы еще ничего не указали, сайт отобразит резервный цвет - белый. Тогда у вас будет светлый текст на белом фоне, и это огромная проблема с веб-дизайном. Что вам нужно сделать, это указать запасной цвет, даже простой черный. Что-то вроде этого более чем достаточно, чтобы покрыть это:

Фон: url (yourimage.jpg) # 000000;

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

Чего не делать

Я обратил внимание на доступность и удобство для пользователя, и это должно направлять ваш дизайн.

Вот некоторые вещи, которые вы определенно не должен делать ,

  • Никогда не используйте свет на свету или темноту на темноте. Вам нужно достаточно контраста, чтобы пользователи могли видеть ваш контент. Слишком похожие цвета приведут к штрафу Google за попытку скрыть контент, так как это было злоупотребляющей техникой SEO много лет назад.
  • Никогда не используйте конфликтующие цвета. Ярко-желтый на ярко-розовом фоне может хорошо выглядеть на вечеринке по случаю дня рождения 4-летнего ребенка, но примерно через пять минут у любого взрослого будет головная боль.
  • Никогда не допускайте состояния сбоя, когда сайт не работает. Поиграйте с вашим дизайном, используя блокираторы сценариев или блокировщики элементов, чтобы заблокировать определенные изображения, рекламу или сценарии и посмотреть, как выглядит ваш сайт. Если это сломается, исправьте это.

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

Автор Аманда ДиСильвестро

Аманда ДиСильвестро

дает малому бизнесу и предпринимателям советы по SEO - от плотности ключевых слов до восстановления после обновлений Panda и Penguin. Она пишет для HigherVisibility.com , одна из ведущих компаний SEO в Соединенных Штатах.

Похожие

SEO
SEO не является разовым проектом. Вы не назначаете это кому-то, даете им крайний срок, и как только проект закончен, это все. SEO - это долгосрочная маркетинговая стратегия, и над ней нужно постоянно работать в рамках постоянной маркетинговой программы, которая продолжает определять основные этапы и результаты. Вехи SEO не должны быть наивысшими по этому ключевому слову или фразе;
Является ли SEO темным искусством?
... сти Автор: Sheree Gover Создано: 14 апреля 2015 Есть некоторые, кто бы вы поверили, что SEO это волшебное, мифическое существо, полное темной черной магии, использующее уловки и колдовство, чтобы попасть на их сайт. Если кто-то говорит вам это, возможно, это потому, что он этого не понимает или не может этого сделать. В прошедшие годы некоторые сомнительные
SEO смерть, SEO мертв?
В 1987 году Империя выпустила сингл Rock'n'Roll мертв. Сегодня, 23 года спустя, я не могу понять, что это так, во всяком случае, рок-н-ролл был доминирующим жанром на протяжении большей части этих лет. Мало того, что рок-н-ролл оказал влияние и вошел во все другие жанры. когда
SEO ТЕХНИКИ
Чтобы получить доступ к большему количеству пользователей, недостаточно иметь собственный веб-сайт, но необходимо, чтобы он был легко доступен для общественности. Благодаря реализации нескольких методов SEO
SEO изображения
Лучший способ выбрать изображения Актуальность
SEO предложения
Как и Tamseo, большая часть вопросов, которые задаются нами через контактную форму на нашем сайте, касается цен на SEO. Самым любопытным вопросом является вопрос о том, сколько нужно потратить, чтобы достичь
SEO услуги
... слуги SEO от Network London придают огромную ценность вашим веб-сайтам, используя проверенные методы поисковой оптимизации «белой шляпы» с многолетним опытом. Наша высококвалифицированная команда SEO-сервисов работала с крупными корпорациями и малыми предприятиями для достижения 10 лучших позиций в Google и других поисковых системах, что, в свою очередь, дает измеримые результаты и увеличение прибыли.
Как SEO может помочь вашему бизнесу?
Слишком часто компании используют агентство цифрового маркетинга для проведения своих кампаний по SEO (поисковая оптимизация), но даже понятия не имеют, что означает аббревиатура, не говоря уже о том, что они платят агентству. Короче говоря, работа SEO - помогать вашему бизнесу расти! В мире, где люди всех возрастов и происхождения постоянно приклеены к экрану, SEO должно быть неотъемлемой частью ваших маркетинговых усилий. Оптимизируя
SEO копирайтинг
Мастер SEO
Seo Sem Master и веб-аналитика Сделайте с Euroinnova ваши Мастер Сео Сем и Веб-аналитика. Этот мастер в SEO предлагает все необходимые знания в: 2.0, AdWords, блог, поиск, кампании, маркетинг, коммерция и сообщества , предлагая простое обучение в 2.0, AdWords, блог, поиск и кампании. По окончании
SEO Обучение
Наша SEO работа призвана привлечь больше трафика и конверсии на ваш сайт. Хотя наши услуги соответствуют правилам, они состоят из долгосрочных результатов. Самый простой способ получить трафик от Google - это доказать Google, что вы являетесь сайтом высокого качества и соответствует его стандартам качества. Google наказывает сайты, которые не соответствуют требованиям качества. Я контролирую ваш сайт с учетом требований поисковых систем, и в будущем я выполняю работу по оптимизации,

Комментарии

До сих пор в своем блоге я описал множество советов по SEO, как вы должны делать поисковая оптимизация , Я подумал, почему бы не поделиться тем, что не следует делать?
Вредит ли использование SEO светлого или белого текста на темном или черном фоне? Простой ответ Я продолжу и, в отличие от большинства других постов, которые я пишу, сразу даст вам хороший и простой ответ. Нет , использование светлого текста на темном фоне не повредит вашему SEO, если вы все сделали правильно. Что значит делать это правильно? Ну, для этого вам придется прочитать остальную часть этого поста, не так ли? Вопрос юзабилити
Но возникает вопрос, нужно ли становиться экспертом в области SEO или обычно называют его экспертом по SEO для успеха в онлайн-бизнесе?
Но возникает вопрос, нужно ли становиться экспертом в области SEO или обычно называют его экспертом по SEO для успеха в онлайн-бизнесе? В этой статье мы объясним ответ: Стать SEO экспертом нелегко Специалисты по SEO, безусловно, не определяются по вашему веб-сайту, который появляется на первой странице или звании 1 в ключевом слове « Эксперт по SEO », он требует опыта и мастерства методов SEO, которые, как было доказано, оптимизируют многие сайты с различными
Таким образом, реальный вопрос заключается в том, как сделать так, чтобы у вас не было плохой истории SEO, рассказываемой о вас, или плохой истории SEO?
Таким образом, реальный вопрос заключается в том, как сделать так, чтобы у вас не было плохой истории SEO, рассказываемой о вас, или плохой истории SEO? Правда заключается в том, что доверие любой части вашего маркетинга к третьей стороне создает некоторые серьезные проблемы. В то время как агентство по поисковому маркетингу может предложить вам уровень навыков и опыта, которых у вас нет, неправильный выбор может привести к потере рейтинга, доходов и прибыли. Но плохого опыта
Использование SEMrush может только улучшить ваши усилия по SEO, так чего же вы ждете?
Использование SEMrush может только улучшить ваши усилия по SEO, так чего же вы ждете?
И с появлением отзывчивости и тем фактом, что никто больше не будет делать это намеренно, возникает вопрос: имеет ли это значение?
И с появлением отзывчивости и тем фактом, что никто больше не будет делать это намеренно, возникает вопрос: имеет ли это значение? Я на самом деле спросил Рэнд в Мозе об этом некоторое время назад. Вот его ответ: С учетом сказанного, лучше всего избегать этого на всякий случай ... Поиск этих скрытых текстовых экземпляров может быть
Разве не было бы замечательно, если бы были некоторые инструменты SEO, которые вы могли бы использовать, чтобы вы могли попасть в топ-лист, не будучи специалистом по аналитике?
Разве не было бы замечательно, если бы были некоторые инструменты SEO, которые вы могли бы использовать, чтобы вы могли попасть в топ-лист, не будучи специалистом по аналитике? К счастью для вас, есть! Мы предоставили список из нескольких, которые, безусловно, заставят вас двигаться в этом направлении, чтобы получить более высокий рейтинг и более органичный трафик. 9 бесплатных инструментов SEO для малого бизнеса 1. Проверьте
Но как гость может узнать о вашем отеле или забронировать онлайн, если он не может найти сайт вашего отеля?
Но как гость может узнать о вашем отеле или забронировать онлайн, если он не может найти сайт вашего отеля? Вот где поисковая оптимизация, обычно известная как SEO, приходит на помощь! Используя правильную стратегию SEO, вы получите ваш
Ответ прост, не так ли?
Ответ прост, не так ли? Создайте сайт высокого качества, который отвечает реальным потребностям и потребностям людей, и вы получите плоды - невероятную видимость, непревзойденный трафик, продажи или другие. Может быть. Но так как после основного обновления алгоритма Google в середине года были некоторые победители и проигравшие, безусловно, стоит остановиться, чтобы рассмотреть более мелкие детали. Для любого контент-маркетолога или бренд-менеджера, заинтересованного в том, чтобы
Это не вопрос, хорош я в SEO или нет, но в каком направлении я могу использовать контент блога?
Это не вопрос, хорош я в SEO или нет, но в каком направлении я могу использовать контент блога? Потому что блог не предназначен для обмена опытом? Хорошо, у меня есть личный писатель, но я могу нанять писателя. Но для меня блог - это работа, а для создания работ требуется знание той работы, которую я буду создавать. Поэтому, хотя я и пользуюсь услугами автора, я все равно дважды проверю сообщения, которые они позже сделают. Речь идет не только о деньгах, но
Вы когда-нибудь чувствовали, что SEO, что у вас не получилось, или ваши SEO-сервисы окончательно отказались от SEO на вашем сайте?
Вы когда-нибудь чувствовали, что SEO, что у вас не получилось, или ваши SEO-сервисы окончательно отказались от SEO на вашем сайте? Есть так много причин, почему это может произойти, и с точки зрения методов SEO, которые сделаны до вещей, которые вообще не связаны с SEO. Да, вещи, которые, по вашему мнению, не повлияют на результаты SEO, на самом деле имеют большое влияние. И это стало большим врагом народа опытные SEO услуги Так что обычно
Но это не только SEO… Помните ли вы все эти цифры, которые вы видите каждый раз, когда смотрите на Google Analytics?
Но это не только SEO… Помните ли вы все эти цифры, которые вы видите каждый раз, когда смотрите на Google Analytics? Эти данные представляют реальных, реальных людей ! Люди-люди любят ориентироваться на сайте, и ссылки - хороший способ сделать это. Используя текст привязки ключевых слов, вы также предоставляете полезные указатели, которые помогают пользователю перемещаться по сайту. Так что внутренние ссылки тоже улучшают пользовательский опыт! Это помогает показать

Ваши цвета соответствуют?
Они соответствуют вашему бренду?
Используете ли вы странные градиенты или странные оттенки в разных частях вашего сайта?
Вредит ли использование SEO светлого или белого текста на темном или черном фоне?
Что значит делать это правильно?
Ну, для этого вам придется прочитать остальную часть этого поста, не так ли?
Как Google будет справляться с их ролью информационных брокеров?
Сколько веб-сайтов, которые вы посещаете, сегодня имеют белый фон?
Просто игнорируй эту маленькую эру зелёных на чёрных, не так ли?
Вы уже догадались, о чем я говорю?
Меню сайта
Мини-профиль
  • Регистрация Напомнить пароль?

    Бесплатно можно смотреть фильмы онлайн и не забудьте о шаблоны dle на нашем ресурсе фильмы бесплатно скачать c лучшего сайта
    Опросы
    Топ новости
    Инструкция: как включить подсветку клавиатуры на ноутбуке Asus


    Заблокировалась и отключилась встроенная клавиатура на ноутбуке: как снять блокировку и включить? 


    Ремонт ноутбука ASUS N75S в Санкт-Петербурге (СПб): замена дисплея, замена клавиатуры, ремонт корпуса Асус N75S, замена матрицы
    Услуга Стоимость, руб. Диагностика ASUS N75S Бесплатно (500р при необходимости разбора) Профилактические работы с системой охлаждения + замена кулера 2500 р * Замена чипа (видеочипа) ASUS N75S 6000-6500 Замена

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

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

    Как почистить клавиатуру компьютера
    С появлением компьютера человек все больше времени проводит за ним. Это и рабочий инструмент, и средство развлечения. Поэтому, совсем неудивительно, что определенные устройства, используемые для ввода

    Замена и ремонт клавиатуры для ноутбука, видео-инструкции
    Замена клавиатуры и кнопок ноутбука показано на видео с подробным объяснением процесса. Цена замены в сервисном центре от 200 рублей . Звоните по тел: +7 (812) 640-03-20 . Замена или ремонт

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

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

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