Это являются конечно предметом, который I’ve покрывал before — in факт, it’s кое-что, что я едва хотел бы покрывать все снова и снова, если он didn’t продолжает неожиданно возникать как важная проблема. Использование текста в высоком звуке признаки - чрезвычайно чувствительное  subject.

Сегодня, хорошие люди в SEOmoz опубликовали обширную статью, документирующую их статистические результаты на факторах ранжирования вебсайта , как собрано из данных в их инструменте анализа LinkScape. It’s хорошая статья, и демонстрирует некоторые интересные результаты they’ve собранный от доступных данных в обширном LinkScape  database.

Одна из их главной еды на дом в статье была немного тревожащей для  me.

“ признаки Высокого звука изображений вероятно довольно важные места, чтобы использовать Ваши ключевые слова [.] ” Объяснение (часть из) Google’s Алгоритм с Симпатичными Диаграммами & Математический Материал , 22-ого октября,  2009

I’m не в так или иначе обсуждении их результатов; их данные указывают, что размещение ключевых слов в высоком звуке признаки имеют выгоду для ранжирования поисковой машины. Является ли that’s верный или не несоответствующим мне; я просто хочу обсудить, как эта информация должна быть лучшей  used.

SEOmoz, конечно, является компанией, посвященной исследованию и практике поисковой оптимизации и маркетинга. Их цель состоит в том, чтобы изучить то, что они должны знать, чтобы лучше всего осуществить поощрение вебсайтов. That’s большой. Моя цель, однако, состоит в том, чтобы удостовериться, что пользователи с препятствиями в состоянии использовать и получить доступ к вебсайтам успешно, не имея необходимость подскакивать через ненужные или бесполезные обручи вдоль их  way.

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

What’s проблема с высоким звуком  attributes?

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

It’s весь вопрос информационной перегрузки: фактически разговор, если вебсайт использует изображения, чтобы передать информацию, пользователь читателя экрана can’t, повреждает их, не отдавая непригодный вебсайт. Если участок также заполняет другие изображения дополнительным текстом, тот же самый пользователь может быть поражен ненужным объемом ключевого слова  phrases.

сообщение о SEOmoz действительно продолжает отмечать, что “Keyword наполнение может держать Вас back,” и злоупотребление ключевыми словами в высоком звуке признаки могут конечно готовиться как ключевое слово  stuffing.

Вы shouldn’t портите этой статьи, что использование ключевого слова в изображении высокий звук признак полностью недопустимо. That’s действительно не случай: только будьте отборными. Я wouldn’t осуждаю Вас за то, что Вы использовали текст “About ProductName” вместо “About” для навигационного изображения, или использования заметного высокого звука признак для контекстного изображения, такой как “Woman использование нашего ProductName.” Только помните, что наполнение ключевого слова - наполнение ключевого слова, везде, куда Вы помещаете  words.

И никогда не помещают ценности в высокий звук признак для просто decorational или изображение интервала. Пожалуйста. Только пустое  attribute.

Это - основной справочник по контакту с изображениями на web — file форматы, калибровка, обозначение протоколов, и добавление их к a  page.

• Файл  Formats
• Файл  Naming
• Кодирование для  Images
• Редактирование и  Sizing

Выбор Правильного Файла  Format

есть три общих формата файла изображения в использовании на сети: JPEG (также JPG), ДЖИФ и PNG . Соответственно, они выдерживают за Сустав Фотографическую Группу Экспертов , Графический Формат Обмена , и Портативная Сеть  Graphic.

самый простой и важный способ разделиться между этими тремя форматами состоит в том, чтобы понять, что JPEG разработан для использования с фотографическими изображениями; другие предназначены для графических изображений. Это isn’t твердое и быстрый rule — in общий, однако, “lossy” сжатие JPEG файл изображения приведет к меньшему, более ясному изображению когда использующийся с более сложным  images.

PNG , и ДЖИФ форматы являются самыми эффективными с изображениями, содержащими острые края и ясные пространства colors — cartoons, иллюстрации, надпись, или плоский  graphics.

Вы можете найти рекомендации против использования PNG формат изображения. Они обычно основаны на старшей информации. Портативный формат Графики Сети - относительно новый формат, развитый в 1995. Вообще, PNG формат является улучшенной версией
ДЖИФ  format.

Примеры:

Эти три изображения в качестве примера выглядят существенно подобными; в этом размере и уровне деталей, визуальное различие минимально. Однако, размер файла существенно different — the, файл JPG загрузит 3 1/2 к 4 разам с такой скоростью, как ДЖИФ или PNG  versions.

Преимущества PNG  format:

• 24-битовая Прозрачность: хотя еще не поддержано всеми браузерами, 24-битовая прозрачность позволяет изображению позволять фон любого показа сложности через прозрачные области  image.
• 5% – 25% лучшее сжатие чем ДЖИФ  format.
• Без потерь  compression

Преимущества ДЖИФА  format:

• Ни один,  really.

Преимущества JPEG  format:

• Лучшее воспроизводство комплекса  images.
• Управляемое качество сжатия. (Вы можете сжать насколько необходимый, чтобы произвести ясное изображение в наименьшем файле  size.)

Одной из вещей, которые Вы хотите сделать с изображениями сети, является продукт наименьший размер файла, который все еще будет ясным, привлекательным изображением. Используя правильный формат файла значительно поможет в этом  respect.

Устанавливание Норм для Файла  Names

Вообще, it’s допустимый использовать любого из них для расширений файла, или использованных для своей выгоды или нет; но я настоятельно рекомендуйте использовать последовательный метод. Вообще, it’s лучше всего, чтобы установить ясное правило для обозначения файла: все строчные буквы - общее  preference.

Одна причина для использования последовательной схемы обозначения изображения для Вашей собственной непринужденности использования. Весь справочник сети заполнился названиями изображений “DSC_00nn.jpg” является очень трудным к ссылке когда you’re пытающийся включить те изображения в Ваш участок. Ясные лейблы, которые указывают what’s изображенный, могут спасти многое из Вашего  time.

Поисковые машины как реальные слова, и они прочитают названия Ваших файлов. Изображение под названием “joe-dolson-and-me-at-ses-chicago-2006.jpg” будет очень ясно им. Дефисы обычно понимаются как сепараторы слова, таким образом у поисковых машин будет бездельничанье, разбирая основное содержание Вашего  image.

Использование Кодекса, чтобы Осуществить  Images

Абсолютный код, чтобы включать изображение следует за этим  pattern:

<img src = "" высокий звук = "" высота = "" ширина = ""  />

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

высота и ширина обычно злоупотребляют признаки. Одной вещью I’ve замеченный много раз является использование этих признаков, чтобы определить показанный размер изображения. Это не то, что эти признаки для . У файлов изображения есть абсолютные размеры. В Вашем браузере, если Вы исправляетесь, нажимают на любое изображение и избранный “Properties,” you’ll см., что диалоговое окно содержит информацию об изображении. Одна из тех информаций - измерения изображения, как показано. Это не может, однако, фактическим измерением  image.

Вы, может контроль за , что измеряет изображение, покажет в, устанавливая высоту и ширину признаки. Это работает. Однако, показ любого изображения в любых измерениях кроме его родных измерений вызовет искажение в изображении. Изображение не изменяется на эти новые измерения; it’s просто являющийся раздавил или   протягивал .

Примеры:

Версия JPG, натуральная величина 200 пикселов 150  pixels.

Версия JPG, натуральная величина 200 пикселов 150 пикселами, показанными в 300 пикселах 225  pixels.

Версия JPG, натуральная величина 200 пикселов 150 пикселами, показанными в 100 пикселах 75  pixels.

Это - относительно маленькое изменение для этих изображений. Изменение пропорционально; так изображения aren’t искажаемый из их нормального изменения, которое помогает держать проблемы минимальными. Однако, you’ll все еще легко быть в состоянии видеть, что два приспособленных изображения заметно pixelated по сравнению с оригинальным изображением. Эти изображения должны были быть изменены,  instead:

Версия JPG, натуральная величина 300 пикселов 225 пикселами, показанными в 300 пикселах 225  pixels.

Версия JPG, натуральная величина 100 пикселов 75 пикселами, показанными в 100 пикселах 75  pixels.

Когда изображение исковеркано (измененный в манере, которая изменяет пропорции), эффекты могут быть намного больше  substantial:

Версия JPG, натуральная величина 200 пикселов 150 пикселами, показанными в 180 пикселах 60  pixels.

Эти изменения могут исказить изображение в известной степени, где это может стать почти  unrecognizable.

Редактирование и Калибровка Вашего  Images

есть два ключевых правила к редактированию и калибровке изображений: уменьшите качество до самого низкого уровня, который обеспечивает высококачественное изображение и показ what’s важный . Оба из них - правила, которые зависят от Вашего суждения. It’s до Вас, чтобы решить, является ли изображение you’re продолжать работать приемлемо высококачественным. Нет никаких установленных правил для того, что будет изображение хорошего качества  be.

От качественной перспективы, степени, до которой you’ll быть в состоянии уменьшить зависит от сложности изображения. Чрезвычайно сложные изображения с мелкими деталями могут только быть фактически уменьшены пока. С изображениями JPG, they’ll быстро теряют определение детальные области. С ДЖИФОМ и PNG изображения, you’ll или оказываются со вздутым размером файла или you’ll, теряют критические цвета. Попробуйте различные форматы файла если неплатеж isn’t работа; фактический выбор формата isn’t what’s  important.

“ Показ what’s important” важное правило для поколения ногтя большого пальца руки. Если you’re использование ногтя большого пальца руки рассматривает, чтобы обеспечить предварительный просмотр больших изображений, what’s более важный: то, что посетители могут видеть все изображение в крошечном размере, или что они могут видеть несколько деталей изображения и понять  them?

Возьмите эти два изображения ногтя большого пальца руки в качестве примера как пищу для  thought:

Версия JPG, 80 пикселов 60 пикселами: полный файл  reduced.

Версия JPG, 80 пикселов 60 пикселами: отобранный  detail.

В то время как первое изображение действительно обеспечивает полное изображение, посетитель isn’t действительно способный сделать любые практические выводы о продукте от изображения. Второе изображение, в то время как все еще едва детализировано, по крайней мере ясно, и может сделать больше к рисунку посетителя далее в  product.

В целом, работая с Вашими изображениями в последовательной и систематической манере, обращая внимание на размер файла, формат файла, и содержание Ваших изображений помогут Вам много в обеспечении более быстрого, более привлекательного вебсайта. It’s простой шаг; но it’s хорошо стоящий  it.

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

Я действительно ненавижу  this.

, Если бы это была удивительная, прекрасная, невероятная техника оптимизации поиска, которая принесла бы абсолютно фантастическое движение, которое I все еще wouldn’t рекомендуют технику. Соответствующие признаки высокого звука - одна из самых критических областей для пользовательского опыта читателя экрана users — using их, неуместно отличный способ дать эту секцию Вашего рынка ужасный опыт в Вашем  site.

Читающий больше: Оптимизация Поиска, Доступность, и Изображения: Лучше всего  Practices