Google WebFonts / Font Directory против sIFR против Cufon против других для дизайна и SEO

  1. Почему люди заинтересованы в пользовательских веб-шрифтах? Google Webfont API Я уверен, что большинство...
  2. Замена изображения CSS
  3. SIFR - Масштабируемая замена вспышки Inman
  4. Cufon
  5. CSS 3 - @ font-face
  6. Google WebFont API
  7. Протестировано Google WebFont Отличия

Почему люди заинтересованы в пользовательских веб-шрифтах?

Google Webfont API

Я уверен, что большинство читателей этого блога знают о преимуществах этого, но для тех, кто не знает, в мире веб-дизайна и разработки дизайнеры и разработчики были консервативны с использованием шрифтов, придерживаясь общих типов шрифтов из шрифтов, обычно установленных на всех компьютерах. Примеры включают Arial, Verdana, Женева, Helvetica, Times New Roman и Courier, потому что шрифты, обычно воспроизводимые в вашем веб-браузере, действительно приходят с вашего компьютера. Если дизайнер использует файл предпочитаемого шрифта, которого нет на компьютере пользователя, он не увидит предпочтительный шрифт и просто увидит его в шрифте браузера по умолчанию Times New Roman.

Использование имиджевых заголовков для дизайнерского творчества

Первоначальное решение большинства дизайнеров в прошлом состояло в том, чтобы использовать изображения, чтобы выразить свое творческое начало шрифта. И из-за проблем со временем загрузки это было ограничено только заголовками, а отсутствие простого текста означало несколько вещей:

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

В этом API Google Font может сильно помочь, но вопрос в том, является ли Google Font единственным вариантом?

Давайте рассмотрим несколько вариантов и посмотрим преимущества и недостатки каждого.

Замена изображения CSS

Метод: использует изображения в качестве фона CSS для текстовых тегов, таких как теги H1 или другие теги заголовка. И обычный текст находится над изображением, но использует CSS, чтобы скрыть простой текст, используя ряд методов, таких как отображение: нет, видимость: скрытый, высота: 0px, межбуквенный интервал: -1000em и т. Д. Найдена дополнительная информация Вот ,

  • Преимущество: дружественная поисковая система.
  • Недостаток: склонность к заполнению ключевыми словами, что дает поисковым системам повод для двойной проверки на ручную проверку. Также не является масштабируемым решением, если изображения не генерируются динамически с использованием чего-то похожего на ColdForge ,

SIFR - Масштабируемая замена вспышки Inman

Масштабируемая замена вспышки Inman

Метод: аналогично замене изображений CSS, в нем вместо изображений используется только Flash, и Flash может отображать шрифты, которые вы настроили для отображения, пока вы предоставляете файл шрифта. В отличие от замены изображения CSS, вы можете выделить текст, сгенерированный sFIR. Более подробную информацию можно найти на Майка Дэвидсона сайт или на официальном сайте кода с образцом демонстрационной страницы.

  • Преимущество: дружественная поисковая система. Масштабируемый и может быть интегрирован с некоторыми CMS.
  • Недостаток: требует, чтобы пользователи установили проигрыватель Flash, хотя в настоящее время почти все веб-браузеры используют Flash, и, кроме того, он может изящно ухудшать отображение следующих лучших стилей CSS. Увеличивает время загрузки, поскольку файлы Flash и файлы шрифтов будут поступать с сервера веб-хоста. Чем больше заголовков создано, тем больше памяти браузера используется для визуализации заголовков. Хотя использование его в нескольких заголовках не должно показывать каких-либо заметных различий, но все же вы, возможно, захотите учесть это, поскольку скорость страницы теперь является одним из факторов ранжирования в поисковых системах. Поскольку это работает на Flash, а популярность мобильных сайтов растет у большого процента пользователей Apple iPhone, iTouch и iPad, вы уже можете ожидать, что sIFR вообще не будет работать.

Cufon

cufon - шрифты для людей

Метод: украинский полный рендерер шрифтов JavaScript, который не нуждается в плагине для браузера, если он поддерживает JavaScript, который используется большинством браузеров. Больше информации на GitHub Веб-сайт ,

  • Преимущество: не зависит от сторонних плагинов для браузера. JavaScript изначально отображается в веб-браузере.
  • Недостаток: большое количество конвертированного в Cufon текста, сопровождаемое многими распространенными эффектами JavaScript и AJAX, может занимать большой объем памяти компьютера пользователя, что замедляет загрузку некоторых страниц. Хотя хорошие практики программирования должны автоматически предотвращать это. Cufon не будет работать с отключенным JavaScript, но почти каждый браузер на планете использует JavaScript.

CSS 3 - @ font-face

Консорциум World Wide Web

Метод: просто следующая волна HTML и CSS. Сегодня веб-сайты в основном HTML 4 или XHTML 1, и сейчас мы переходим к HTML 5. Большинство веб-сайтов используют CSS 2, а мы переходим к CSS 3. Чтобы добиться этого, нужно убедиться, что браузеры отображают их должным образом в соответствии с определенными стандартами W3C, Большое количество пользователей также обновляется до последних браузеров. Как только это произойдет, пользовательские шрифты будут так же просты, как написание HTML и CSS и предоставление исходного файла шрифта. Хорошая статья и образцы могут быть найденный в списке отдельно .

  • Преимущество: Как и в случае с Cufon, это не зависит от сторонних плагинов для браузера и даже идет дальше, это также не зависит от JavaScript. Если когда-либо это не поддерживается, это может привести к постепенной деградации и иметь универсальные веб-шрифты в качестве второго варианта.
  • Недостаток: кажется, что это будущее, но он должен иметь высокий уровень принятия, прежде чем использовать этот метод, чтобы убедиться, что он полностью поддерживается. Почти все последние браузеры поддерживают это, и вопрос лишь в том, сколько людей обновили свои браузеры до последней версии.

Google WebFont API

Метод : это просто запуск CSS 3 - @ font-face. Таким образом, только здесь вы можете реализовать CSS3 без Google WebFont API, но, посмотрев на код глубже, вы увидите некоторое обнаружение браузера, которое может немного изменить код. Вы можете попробовать это сегодня на Google Webfont API

  • Преимущество: хотя он основан на CSS 3 и вы можете сделать это самостоятельно, по крайней мере, вам не нужно делать это самостоятельно. Google наверняка предложит обновления HTML и CSS, а также обновит различные браузеры. Вам нужно меньше беспокоиться о масштабируемости, совместимости с различными браузерами, что делает ваш сайт более перспективным. Использование Google WebFont API также уменьшает нагрузку на сервер, поскольку вы извлекаете файлы шрифтов с серверов Google, и скорость страницы является одним из известных факторов SEO. Кроме того, использование рендеринга заголовков Google позволяет избежать использования всех других методов, что дает Google меньше оснований для более глубокого изучения, поскольку замена изображений CSS и sIFR склонны к заполнению ключевыми словами скрытого текста.
  • Недостаток: все еще находится в стадии бета-тестирования и ограничено несколькими файлами шрифтов по состоянию на текущий месяц. Имеет те же недостатки CSS 3, что и выше.

Протестировано Google WebFont Отличия

Визуализированный внешний вид в Google Chrome, Firefox, Opera, Safari выглядел одинаково:

Визуализированный внешний вид в Google Chrome, Firefox, Opera, Safari выглядел одинаково:

Пример рендеринга API Google Webfont в Google Chrome

Но по какой-то причине тот же эффект не появился в Microsoft Internet Explorer 8. Тени не появлялись при включенном представлении совместимости.

Пример рендеринга API Google Webfont на MSIE 8

И чтобы вы увидели, как происходит постепенная деградация, я загрузил Google Webfont API в Netscape Navigator 9.

Пример рендеринга API Google Webfont на Netscape 9

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

В Google Chrome:

@media screen {
@ font-face {
семейство шрифтов: 'Tangerine';
стиль шрифта: нормальный;
Вес шрифта: нормальный;
src: local ('Tangerine'), url ('http://themes.googleusercontent.com/font?kit=_jMq7r9ahcBZZjpP8hftNA') формат ('truetype');
}
}

В MSIE 8:

@ font-face {
семейство шрифтов: 'Tangerine';
src: url ('http://themes.googleusercontent.com/font?kit=_jMq7r9ahcBZZjpP8hftNA');
}

В Firefox, Netscape, Safari и Opera

@ font-face {
семейство шрифтов: 'Tangerine';
стиль шрифта: нормальный;
Вес шрифта: нормальный;
src: local ('Tangerine'), url ('http://themes.googleusercontent.com/font?kit=_jMq7r9ahcBZZjpP8hftNA') формат ('truetype');
}

Буду ли я лично использовать Google WebFont API? Почему бы и нет. Недостатки, по-видимому, не являются серьезными недостатками, это масштабируемое решение, которое повышает скорость страницы, что может улучшить SEO в целом. Если когда-нибудь есть какой-то другой шрифт, который вам действительно нужен, которого нет в Google Webfonts, тогда я буду использовать CSS 3. Вы будете использовать или не использовать Google Webfont API? Да? Нет? Зачем? Нам интересно услышать ваши мнения, а также возможные мнения от ваших друзей веб-дизайнеров / разработчиков.

Похожие

SEO
... Google, а технология SEO черной шляпы также очень ненавидима Google. Потому что это нарушает TOS Google и является техникой оптимизации SEO читерство и мгновенно Цель оптимизации SEO на странице или оптимизации SEO Исходная страница имеет ту же цель - разместить веб-сайт или
Сассекс SEO
Мы быстро стали технологически ориентированным миром. Многие из нас не могут оставить свои смартфоны дома, потому что нам просто нужно проверить нашу электронную почту или посмотреть последние сообщения на нашей любимой социальной сети. Люди используют поисковые системы, чтобы находить информацию точно так же, как они привыкли зависеть от местных Желтых страниц. Из-за
NULLED SEO
Гораздо быстрее, лучше выглядит, более организованно SEnuke X был полностью переписан с нуля в совершенно новой технологии. Это позволило нам сделать то, что было технически невозможно с предыдущей версией SEnuke. Пользовательский интерфейс был полностью переработан, и теперь программное обеспечение основано на центральной базе данных, поэтому вам больше не нужно перемещать
корпоративный SEO
Корпоративное SEO - это контент сайта, который подготовлен для продуктов и услуг любого бизнеса. Чтобы найти компании, с которыми можно связаться по поводу продукта или услуги в Интернете, необходимо провести корпоративное исследование SEO. Корпоративное SEO может быть сделано для сектора или услуги. Те, кто хочет получить корпоративные услуги SEO, войдут в интернет и зайдут на один из сайтов на первой странице поисковой системы. Лучшее качество среди этих сайтов будет в верхних строчках
SEO Консалтинг
Я начал свою карьеру онлайн-маркетинга в Inktomi - мы были Google, прежде чем Google был Google. Я занимаюсь поисковой оптимизацией, разработкой веб-сайтов и маркетингом контента в течение многих лет. Вы можете прочитать больше о моих мыслях на SEO при продаже на C , Но
SEO услуги
... Google и Bing, правильно индексируют ваш сайт. Наши методы SEO помогают вам продавать онлайн, независимо от ваших технических возможностей, улучшают посещаемость вашего сайта и видимость в сети. Мы в Webfrnz Technologies понимаем ваши потребности в веб-сайте и предоставляем вам доступные услуги SEO, решение для всех ваших запросов. Более того, наши постоянные маркетинговые усилия обеспечат, чтобы ваша веб-страница оставалась на вершине рейтинга органического поиска в течение более
SEO Доктор
Если ваш сайт начал классифицироваться по низким позициям или был дискредитирован Google, мы поможем
SEO .BZH
Поисковые системы, такие как Google, используют множество критериев для оценки качества сайта в ответ на ввод выражения пользователем. Задача последних лет заключалась в том, чтобы сделать результаты более актуальными благодаря их персонализации на основе профиля пользователя. Боковой Интернет , обнаружение языка осуществляется, в том числе, с помощью используемого навигатора. Географическая персонализация осуществляется путем геолокации его IP-адреса.
На странице SEO против SEO страницы
... против SEO страницы. Это всегда было о восприятии. Но одно можно сказать наверняка, оба метода работают в гармоничном тандеме для улучшения рейтинга сайтов в поисковой системе. Многие эксперты считают, что важно установить на странице SEO, прежде чем начать какую-либо работу вне страницы SEO, что является разумным советом. Хотя реального победителя пока нет, баланс сил обеих тактик может облегчить как потенциальным клиентам, так и роботам поисковых систем поиск веб-сайта и повысить
SEO против SEM (PPC): что лучше?
Разве вы не ненавидите, когда кто-то отвечает на вопрос «Это зависит»? Я обещаю, что не буду делать этого с вами в этом посте, в котором рассматривается классический вопрос, какую сторону бегемота Google Search решать: обычную или платную. Вопрос на самом деле очень похож на другой вековой вопрос о домовладении: лучше арендовать
SEO услуги против Google Adwords Рекламные услуги
... Google Adwords , Конечно, из двух сервисов вы можете оптимизировать свой веб-сайт или блог. Однако вы должны знать, что выбор одной из этих услуг должен быть разумным, чтобы в дальнейшем то, что вы хотите, стало лучше. Поскольку SEO и AdWords реклама будет наилучшим способом достижения цели занимать первое место на страницах Google, это даст вам прекрасную возможность увеличить количество посетителей или покупателей в Интернете. Конечно, из двух типов оптимизации, предлагающих свои

Комментарии

Другой вопрос: если вам действительно удается привлечь людей на сайт с помощью SEO: что это за люди и что с ними происходит?
Другой вопрос: если вам действительно удается привлечь людей на сайт с помощью SEO: что это за люди и что с ними происходит? Сразу же у меня на уме образ этих ресторанов в туристических зонах, где есть «аттрактанты», которые, потому что они обращаются к КАЖДОМУ прохожим, действительно добиваются того, что ресторан заполнен. Реальный вопрос: еда хорошая? Чувствуют ли они себя там комфортно и вернутся ли они? И я говорю, что ответы были нет, нет и нет.
Вы хотите настроить лениво загружаемые изображения на своем сайте, чтобы оптимизировать его производительность, но боитесь, что Google может сканировать и индексировать ваши изображения?
Вы хотите настроить лениво загружаемые изображения на своем сайте, чтобы оптимизировать его производительность, но боитесь, что Google может сканировать и индексировать ваши изображения? Вот как Джон Мюллер рекомендует вам продолжить. Ищете полное руководство по ленивой загрузке? Эта статья должна вас порадовать. Повышение производительности времени загрузки
Так что, если это так, почему кто-то считает, что черная шляпа SEO на самом деле является поисковой оптимизацией?
Так что, если это так, почему кто-то считает, что черная шляпа SEO на самом деле является поисковой оптимизацией? Автор Боб Нельсон Creative Commons Attribution: предоставляется разрешение на перепечатку этой статьи в полном объеме с благодарностью РЕЗУЛЬТАТЫ ПРОФЕССИОНАЛЬНОГО МАРКЕТИНГА и кликабельная ссылка обратно на эту страницу.
Почему Патель думает, что социальный является новым SEO, и как другие маркетологи интегрируют социальное в свою стратегию SEO?
Почему Патель думает, что социальный является новым SEO, и как другие маркетологи интегрируют социальное в свою стратегию SEO? Я углубился в исследование этой темы и определил 5 ключевых моментов, которые каждый маркетолог должен знать о том, как социальные медиа влияют на SEO в 2014 году (в 2015 году). Мое исследование также оставило меня с несколькими вопросами, которые я упоминаю всюду по почте; Я хотел бы услышать ваши мысли в комментариях ниже! 5 вещей, о которых
Предположим, вы создаете ссылки, которые, по вашему мнению, нравятся Google и помогут вам в рейтинге, но что если Google передумает о том, что им нравится?
Предположим, вы создаете ссылки, которые, по вашему мнению, нравятся Google и помогут вам в рейтинге, но что если Google передумает о том, что им нравится? Где вы собираетесь быть 6/12/18 месяцев? В прошлом, если бы Google не нравились виды создаваемых вами ссылок, они фактически игнорировали бы их и не учитывали их в своих оценках - это были SEO, которые должны были определить, какие ссылки хороши для репликации, а какие - плохо нет! В 2014 году весь процесс работает совсем по-другому.
Свернуть, Обсудить, Обсудить, Обсудить, Обсудить, Обсудить, Приобрести Свернуть » Что это такое, что вы думаете, что вы думаете, что вы думаете?
Свернуть, Обсудить, Обсудить, Обсудить, Обсудить, Обсудить, Приобрести Свернуть » Что это такое, что вы думаете, что вы думаете, что вы думаете? Р'РїРμСЂРμРґРμР »РμРЅР ° Р» РμРЅР ° Свернуть, Свернуть, Свернуть, Свернуть, Свернуть, Свернуть, Свернуть, Свернуть, Свернуть , Москва, Россия, Россия, Россия, Россия, США. Возбуждаю, обдумываю, оберегаю, оберегаю, обдумываю, ·,,,, ЊР · ·ѕѕ С С С "С .... ....μ‡ .... ....‡ .... .... .... .... .... .... .... .... .... .... .... .... .... .... .... ....
Вы знаете, что ссылки на страницы являются важной частью качественный SEO , Но почему это действительно так?
Свернуть, Обсудить, Обсудить, Обсудить, Обсудить, Обсудить, Приобрести Свернуть » Что это такое, что вы думаете, что вы думаете, что вы думаете? Р'РїРμСЂРμРґРμР »РμРЅР ° Р» РμРЅР ° Свернуть, Свернуть, Свернуть, Свернуть, Свернуть, Свернуть, Свернуть, Свернуть, Свернуть , Москва, Россия, Россия, Россия, Россия, США. Возбуждаю, обдумываю, оберегаю, оберегаю, обдумываю, ·,,,, ЊР · ·ѕѕ С С С "С .... ....μ‡ .... ....‡ .... .... .... .... .... .... .... .... .... .... .... .... .... .... .... ....
Что такое локальный SEO и почему это так важно?
Что такое локальный SEO и почему это так важно? Целью SEO в целом является ранг выше в поисковых системах так что люди, которые действительно ищут его, найдут ваш сайт проще. В то время как местный SEO придерживается той же идеи, он имеет немного другую цель. Для вас самая важная цель - привлечь личный трафик к вашему бизнесу. Это в конечном итоге приведет к увеличению продаж, увеличению
Почему консоль поиска Google важна для SEO?
Почему консоль поиска Google важна для SEO? Google Search Console - основной метод общения между Google и SEO менеджерами. С помощью консоли поиска Google вы можете обнаруживать ошибки, получать рекомендации и получать уведомления о проблемах, которые могут повлиять на SEO вашего сайта. Это делает Google Search Console одним из самых важных инструментов для SEO. Как настроить консоль поиска Google? Перейти к консоли поиска Google Создайте и /
Что такое этический SEO и почему это важно?
Что такое этический SEO и почему это важно? Что стимулирует развитие в SEO, так это постоянное стремление поисковых систем улучшить свой сервис. Они предоставляют пользователям самые полезные результаты поиска, которые они могут, используя алгоритмы, которые ищут релевантный, качественный контент с веб-сайтов высокого авторитета. Современные поисковые системы знают, как различать подлинный, высококачественный контент и некачественные веб-страницы, которые используют неэтичные
И давайте добавим, что это всегда правильно использовать чешский термин поисковая оптимизация или ярлык SEO , Почему?
Что такое этический SEO и почему это важно? Что стимулирует развитие в SEO, так это постоянное стремление поисковых систем улучшить свой сервис. Они предоставляют пользователям самые полезные результаты поиска, которые они могут, используя алгоритмы, которые ищут релевантный, качественный контент с веб-сайтов высокого авторитета. Современные поисковые системы знают, как различать подлинный, высококачественный контент и некачественные веб-страницы, которые используют неэтичные

Почему люди заинтересованы в пользовательских веб-шрифтах?
В этом API Google Font может сильно помочь, но вопрос в том, является ли Google Font единственным вариантом?
Да?
Нет?
Зачем?
Разве вы не ненавидите, когда кто-то отвечает на вопрос «Это зависит»?
Другой вопрос: если вам действительно удается привлечь людей на сайт с помощью SEO: что это за люди и что с ними происходит?
Реальный вопрос: еда хорошая?
Чувствуют ли они себя там комфортно и вернутся ли они?
Вы хотите настроить лениво загружаемые изображения на своем сайте, чтобы оптимизировать его производительность, но боитесь, что Google может сканировать и индексировать ваши изображения?
О том, как смешивать свежевыжатые соки
Ни для кого не секрет, что стакан свежевыжатого овощного или фруктового сока, способен придать заряд энергии и бодрости, а также положительным образом отразиться на состоянии здоровья человека. При этом

Полный список кандидатов в президенты страны станет известен к концу января
9 января 2008, 15:53 Текст: editor На будущей неделе закончится срок приема документов для регистрации кандидатов в президенты. На принятие решения по документам у Центризбиркома будет десять дней. НОРИЛЬСК.

ЄДНІСТЬ : У Києві через високий рівень захворюваності на грип та ГРВІ закрили вже 75 шкіл
У Києві призупинено заняття у 75 школах (2127 класів), у яких рівень захворюваності на грип та ГРВІ перевищив 20%. Інформує  «Є!» , з посиланням на УНІАН. Про це наразі повідомив перший заступник

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

Березовый сок можно ли использовать при сахарном диабете
Березовый сок при сахарном диабете — сахарный диабет: все о заболевании и методах лечения Березовый сок с давних времен славится своими целебными свойствами. Дело в том, что в весенний период береза

Свежевыжатые соки. (кому не лень читать)
Вы видели фильм о , которую исследовал японский ученый Имоту Масара? Уникальные опыты показали, что структурированная жидкость может творить чудеса и оздоравливать наши клетки, омолаживая организм

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

Лечение рака по Бройсу и др
Лечение Рака по Бройсу. (Рудольф Бройс) «Совсем недавно китайские медики обнаружили, что у онкобольных количество микроэлементов в печени, в волосах и некоторых других органах резко снижено. Возможно,

С каким соком пить водку?
Ответ: С каким соком пить водку? ВИНОВАТ АНТИАЛКОГОЛЬНЫЙ ФЕРМЕНТ - Владимир Георгиевич, главный вопрос

Сок добрый
Министерство общего и профессионального образования Российской Федерации Санкт-Петербургский Государственный Технологический институт (Технический университет) Факультет Экономики и