- Что такое фавикон?
- Использование Favicons
- Доверие и доверие
- Последующие посещения
- Экономит время пользователя
- Избегайте 404
- Фавиконы для SEO: есть ли какие-либо преимущества, связанные с SEO?
- Фавиконы для разных браузеров
- Коды для браузера:
- PNG или нет PNG
- Как создать иконку для вашего сайта
Favicons - это небольшая графическая часть, которая представляет ваш бренд на вкладках браузера, списках закладок, истории поиска, поисковой рекламе и даже в результатах поиска. Мы уже обсуждали в предыдущем посте использование значков и их роль в брендинге и удобстве использования , Сегодня мы углубимся в этот незаметный, но довольно значительный элемент брендинга. Мы поговорим о том, играют ли favicons роль в SEO, какие требования предъявляются к мобильным устройствам и различным инструментам, которые помогут вам создать favicon.
Что такое фавикон?
Для всех тех, кто не знает, что такое favicon: Favicons - это маленькие значки размером 16 × 16 пикселей, которые обычно содержат логотип, первую букву бренда или общее изображение, представляющее тип бизнеса. Эти файлы помещаются в файл favicon.ico и помещаются в корневой каталог веб-сайта.
Именно Internet Explorer 5 от Microsoft, выпущенный в марте 1999 года, первым поддержал этот файл. Он был обозначен как «ярлык» в элементе rel кода, размещенного в разделе сайта. В декабре 1999 года консорциум World Wide Web (W3C) стандартизировал этот значок с рекомендацией языка разметки гипертекста (HTML). Читайте дальше, чтобы узнать больше о история фавиконов ,
Он был предназначен для показа только для закладок URL. Тем не менее, в наше время есть много случаев, когда значки отображаются и считаются удобными для пользователя. Они используются для брендинг и удобство использования по-разному. Например, если браузер имеет интерфейс с вкладками, что в наши дни делают почти все браузеры, он показывает значок рядом с заголовком веб-сайта. Посмотрите на скриншот ниже:
Они также появляются в списке закладок URL в вашем браузере. В разделе истории Google Chrome единственное, что облегчает поиск конкретной ссылки, - это маленькие цветные значки. Посмотрите на скриншот ниже:
Даже в результатах поиска могут отображаться значки избранного, как в случае с DuckDuckgo. Посмотрите на пример ниже, который был взят из результатов поиска в поисковой системе DuckDuckgo.com.
Бинг это тестирование использования значков в результатах поиска. Google использовал для отображения значков в объявлениях Google, но не больше. Но сообщается, что Google Adsense работают над возвращение значков в новые форматы рекламы в будущем. Если на вашем бизнес-сайте есть иконка, которую нелегко забыть, вы прибили к брендингу этот маленький кусочек графики на своем сайте. Даже в отчете WooRank Website Review мы не можем не подчеркнуть, насколько важным является наличие значка для вашего сайта.
Использование Favicons
Узнаваемость бренда
Фавиконы похожи на маленький идентификатор вашего сайта. Как уже упоминалось во вступительном абзаце, они помогают пользователям запомнить ваш сайт при просмотре нескольких URL-адресов. Итак, будь то история просмотров, результаты поиска в duckduckgo или список сайтов с закладками в вашем браузере, favicons помогают пользователю легко распознать ваш сайт и получить к нему доступ. Это просто потому, что графика гораздо лучше воспринимается, чем текст.
Доверие и доверие
Если ваш сайт не имеет значков, веб-браузер отобразит пустой документ по умолчанию на вкладке браузера. Хуже того, если это отображается рядом с сайтом конкурента, вы потеряете доверие и доверие. Пользователи имеют тенденцию судить интернет-магазины и сервисы, основываясь на том, насколько профессионально создан их сайт. Нечто столь же небрежное, как отсутствие фавиконов, легко приведет к потере доверия, особенно когда пользователи сравнивают вас с вашими конкурентами. Посмотрите на следующий пример. Вы бы предпочли купить авиабилеты авиакомпании Southwest с сайтов в первых двух вкладках или с сайта в последней вкладке?
Последующие посещения
Скажем, например, что посетитель вашего сайта спешил в первый раз, когда он посетил ваш сайт, и решил добавить его в закладки для повторного посещения. Теперь это известный факт, что люди лучше реагируют на визуальные эффекты, чем на текстовые. Скажем, они, наконец, решили вернуться на ваш сайт, и для этого они проходят через закладку. Тебе повезет, если у тебя будет такой узнаваемый значок, как Google. Если у вас нет значка сайта, вы можете быть даже удалены из списка сайтов с закладками.
Экономит время пользователя
Favicons экономит время пользователей при идентификации веб-сайта из закладок, истории и других мест, где браузер размещает значок для быстрой идентификации. Это просто облегчает жизнь обычному пользователю.
Избегайте 404
Независимо от того, есть ли у вас файл favicon.ico в корневой папке вашего сайта, браузеры запросят его. И если у вас нет файла, ответ будет 404 Not Found. Вот почему, даже если вы используете файлы .png favicon, у вас должны быть файлы .ico по умолчанию, поскольку файлы .png не совместимы со всеми браузерами.
Фавиконы для SEO: есть ли какие-либо преимущества, связанные с SEO?
Если вы считаете, что использование SEO на вашем веб-сайте не дает никаких преимуществ в отношении SEO, вы правы лишь частично. Нет прямых SEO-эффектов наличия favicons. Тем не менее, могут быть косвенные выгоды, и они заключаются в следующем:
Повышение удобства использования сайта. Удобство использования сайта соотносится с более высоким рейтингом в поисковых системах. Так что, если значок рядом с названием вашего веб-сайта на вкладках браузера, в закладках, в архивах истории и т. Д. Помогает пользователю без проблем сэкономить время, идентифицировать и просматривать ваш веб-сайт, он может сыграть довольно незначительную, но примечательную роль в SEO. ,
Закладки. С помощью иконки сайта у вас, кажется, есть более высокое преимущество по сравнению с веб-сайтами, а не в том, что касается сохранения и сохранения закладки веб-сайта в браузере. У поисковых систем, таких как Google, есть браузер Chrome для пользователей, с помощью которого они также выводят определенные сигналы ранжирования поиска для сайтов, добавленных в закладки в Интернете. Если на вашем сайте нет значков избранного, вы можете потерять шанс оказаться в списке закладок браузера Chrome и, следовательно, косвенно проиграть при небольшом, но значительном сигнале поискового рейтинга.
Там могут быть некоторые теории, которые поддерживают тот факт, что значки влияют на SEO , Тем не менее, независимо от того, влияют они на SEO или нет, они наверняка останутся здесь для брендинга и удобства использования, которые косвенно влияют на SEO сайта.
Фавиконы для разных браузеров
В наши дни, какую бы цифровую маркетинговую стратегию вы ни применили к своему настольному веб-сайту, она должна одновременно распространяться и на мобильную версию вашего сайта. Итак, вопрос в том, есть ли у вас разные критерии для значков на мобильном сайте? Да, вам НЕОБХОДИМО указывать значки для мобильных телефонов, а иногда даже для разных веб-браузеров. Давайте кратко рассмотрим, как это сделать.
Коды для браузера:
«Значок ярлыка» После того, как вы загрузите файл favicon.ico в корневую папку, вам необходимо позвонить ему в разделе вашего сайта. Ниже приведен код, используемый в элементе ссылки для этого:
<link rel = "ярлык" href = "www.example.com/favicon.ico">С 2010 года в спецификации HTML5 объявлено, что только иконка может быть стандартным идентификатором favicons. Это означает, что вам больше не нужно указывать «ярлык» в элементе rel. Однако, плохие новости - это Internet Explorer, пока в версии IE 10 не требуется, чтобы элемент rel содержал «ярлык», чтобы быть идентификатором значков. Итак, если вы хотите, чтобы ваши иконки отображались для IE 10 и ниже, код должен быть:
<link rel = "ярлык" href = "www.example.com/favicon.ico">тогда как для любого другого браузера (Chrome, FireFox, Opera, Safari) и для IE11 приемлем следующий код.
<link rel = "icon" href = "www.example.com/favicon.ico">Атрибут типа: теперь вы можете использовать только атрибут rel для значка, который будет отображаться в браузерах IE, но вам придется используйте атрибут типа а также, согласно Википедии. Для IE9 и выше код может быть следующим:
<link rel = "icon" href = "www.example.com/favicon.ico" type = "image / vnd.microsoft.icon">ИЛИ ЖЕ
<link rel = "icon" href = "www.example.com/favicon.png" type = "image / png>Для браузеров IE6 + вы можете использовать следующий код:
<link rel = "ярлык" href = "www.example.com/favicon.ico" type = "image / x-icon">Узнайте больше об этом в Internet Explorer Dev Center ,
PNG или нет PNG
Традиционно все браузеры будут показывать только значки в формате .ico. Однако в наши дни большинство из них также принимают форматы .png и .gif. Но есть некоторые браузеры, которые вообще не принимают формат файла .png, а некоторые предпочитают использовать формат .ico, даже если они принимают формат .png. IE относится к категории, которая не принимает .png, в то время как Chrome и Safari будут использовать формат .ico, если у вас есть и .ico и .png favicons. Таким образом, FireFox и Opera являются единственными браузерами, которые идентифицируют и используют значки .png. Если вы решите использовать значки .png, вам нужно будет указать различные размеры значков. (Файл .ico может содержать несколько значков, наоборот).
<link rel = "icon" href = "www.example.com/favicon16.png" sizes = "16 × 16 ″> <link rel =" icon "=" "apple-touch-icon" = ""> <ссылка rel = "apple-touch-icon" sizes = "57 × 57 ″ href =" apple-touch-icon-iphone.png "=" "> <link rel =" apple-touch-icon "размеры =" 72 × 72 ″ Href = "apple-touch-icon-ipad.png" = ""> <link rel = "apple-touch-icon" sizes = "114 × 114 ″ href =" apple-touch-icon-iphone-retina-display .png "=" "> <link rel =" apple-touch-icon "sizes =" 144 × 144 ″ href = "apple-touch-icon-ipad-retina-display.png" = "">Если вы не хотите, чтобы в Safari iOS добавлялись дополнительные эффекты к вашим значкам (например, закругленные углы и глянцевые эффекты), вам просто нужно добавить слово «предварительно составленный» в код следующим образом:
<link rel = "apple-touch-icon-precomposed" href = "apple-touch-icon-iphone.png"> <link rel = "apple-touch-icon-precomposed" размеры = "57 × 57 ″ href =" apple-touch-icon-iphone.png "=" "> <link rel =" apple-touch-icon-precomposed "sizes =" 72 × 72 ″ href = "apple-touch-icon-ipad.png" = "" > <link rel = "apple-touch-icon-precomposed" sizes = "114 × 114 ″ href =" apple-touch-icon-iphone-retina-display.png "=" ">Если вы просто хотите один код, который работает для Android 2.1+ и iOS2.0 + используйте следующий код:
<link rel = "apple-touch-icon-precomposed" href = "path / to / favicon-152.png">Что касается браузеров на других мобильных устройствах, таких как BlackBerry и Nokia, то здесь нет определенного идентификационного кода favicon. Читать исследование на значки для различных мобильных ОС в вопросах и ответах от Stackoverflow. Итак, каковы преимущества использования favicons, специфичных для мобильных ОС? Что ж, сейчас единственным большим преимуществом является то, что пользователь добавляет значок на свой рабочий стол. Если значок не указан, то значком приложения по умолчанию становится монохромный значок Safari (для iPhone) / Google Chrome (для Android), который на самом деле выглядит не очень хорошо и в конечном итоге может быть удален с рабочего стола. То же самое касается закладок мобильного браузера. Ниже показан пример скриншота веб-сайтов без значков на iPhone, за которым следует аналогичный скриншот на телефоне Android.
Как создать иконку для вашего сайта
Существует множество других инструментов, которые помогут вам создать иконку для вашего сайта за считанные минуты. Вы можете попробовать все эти инструменты бесплатно.
Этот инструмент позволяет создавать значки в формате .ico, .png и .gif. С помощью этого инструмента вы можете добавить прозрачность значкам (только в форматах .gif и .pnf). Сайт также предлагает дополнительные бесплатные инструменты, такие как генератор анимированных картинок , это может пригодиться, если вы хотите анимированные иконки GIF для значков вашего сайта.
Realfavicongenerator позволяет создавать значки для настольных компьютеров и браузеров Mac, iPhone / iPad, устройств Android, планшетов Windows 8 и других приложений. Инструмент предлагает широкий выбор браузер-совместимых значков, что подтверждается обширный список протестированных версий иконок создан из этого инструмента. Не только это, инструмент также дает вам быстрый отчет о вашем существующем значке бесплатно. Вы можете увидеть, насколько совместим ваш существующий значок на различных устройствах и браузерах. Ниже показан пример скриншота отчета.
Вот еще один быстрый онлайн-генератор избранного, который дает вам различные варианты настройки. Инструмент также поддерживает альфа-прозрачность. Сайт также предлагает множество других инструментов, но они не связаны с созданием значков. Ниже перечислены подобные инструменты, доступные онлайн для создания значков.
Несмотря на то, что иконки являются небольшой частью дизайна, брендинга и удобства использования вашего сайта, именно эти мелкие детали делают сайт успешным. Вы уже установили иконку для своего сайта? Знаете ли вы, насколько он совместим с различными браузерами и устройствами? Надеюсь, что этот пост дал вам некоторую полезную информацию, которая поможет вам поддерживать ваш сайт в курсе быстрорастущих технологий.
Похожие
SEO... дляю рост своей собственной сети частных ссылок . В результате того, что я потратил так много времени на создание SEO-компании и ранжирование веб-сайтов, мне посчастливилось встретить множество людей, которые находятся в аналогичном путешествии. Сегодня я хотел бы представить миру одного из этих Что такое мобильное SEO?
... png" alt="Однако, отправив заявку, вы можете сосредоточиться на более широкой цели: мобильном SEO"> Google ( http://www.google.com/support/webmasters/bin/topic.py?topic=9346 ) предлагает множество материалов для чтения, которые помогут вам подготовить ваш сайт к поисковой системе для мобильных устройств, включая инструкции, которые помогут вам отправить сайт для сканирования. {mospagebreak Что такое маскировка?
Cloaking - один из самых старых инструментов, когда речь заходит о Black Hat SEO. Давайте посмотрим, как это работает, каковы его последствия и какие аспекты следует учитывать с точки зрения компьютерной безопасности. Чтобы понять, что такое маскировка, сначала необходимо знать, как происходит процесс распознавания и индексации сайтов движков Клоакинг является одним из старейших инструментов в отношении Как сделать SEO предложение
Если вы работаете в SEO или стремитесь сделать это или ищете эту работу, вы собираетесь или, по крайней мере, вам нужно найти предложение SEO. Понимание того, как его создать, поможет вам получить больше рабочих мест, более высокооплачиваемую работу, а если вы находитесь на другой стороне монет, это поможет вам определить подготовленных специалистов SEO Bury
... SEO с более чем 30-летним опытом работы, поэтому если вам нужен локализованный, квалифицированный трафик, то вам нужно поговорить с нами. С дороги Бери-Сент-Эдмундс в Суффолк выглядит как мрачное предложение, но на самом деле, когда вы попадаете в город Бери, он полон истории; разрушенное аббатство, которое частично было превращено в дома, со стенами аббатства, проникающими сквозь здания ... странно, как будто своего рода древний SEO мертв
... для поисковых систем, верно? Конечно, в 1997 году. В наши дни это всеобъемлющий процесс получения рейтинга вашего сайта. Это включает в себя процесс получения обратных ссылок с использованием средств whitehat, blackhat и всего, что между ними. Спам (комментарии и контент) может быть вовлечен, если вы того пожелаете, в дополнение к «маркетингу статей», который является меньшей формой спама, который часто включает в себя оплату статей в больших количествах из магазинов пота контента Обучение SEO
В настоящее время все идет онлайн; Либо это интернет-магазин или местная сантехническая компания, сайт нуждается в продвижении. Владельцу бизнеса нужен веб-сайт в популярных поисковых системах, таких как Google, Bing. SEO AIM POINT обеспечивает углубленное SEO Торонто
Даже если у вас есть самый красивый сайт в мире, созданный лучшими графическими дизайнерами, он ничего не стоит, если никто его не найдет. Вы можете рассказать об этом всей своей семье и друзьям, добавить ссылку на URL-адрес из своей подписи в электронной почте и включить веб-адрес в свои листовки и печатные материалы. Но достаточно ли этого? Местное SEO
Видимость локального поиска и SEO: знает ли ваш поставщик разницу? Локальное SEO не является другой разновидностью SEO - это совершенно отдельная дисциплина. Если ваша местная SEO компания не разбирается в разнице, возможно, вам не хватает критически важных возможностей для поиска ваших лучших потенциальных клиентов. Если ваши клиенты находятся в вашем районе, а не по всей стране, локальное SEO имеет важное значение для успешной маркетинговой стратегии. Это особенно важно, Seo агентства
... seo.com/seo-93578"> Между агентствами SEO может быть большое расхождение, поэтому, пожалуйста, обязательно сделайте свое исследование, прежде чем платить любому из них за поисковую оптимизацию. SEO очень важен, но он не должен стоить целое состояние. DOitSEO делает замечательные вещи с SEO в течение достаточно долгого времени. С тех пор, как поисковые системы стали доступны для общего пользования, SEO-агентства появляются SEO: внутренний или внешний?
... для компаний для ведения бизнеса и привлечения новых клиентов, что требует гораздо большего, чем просто наличие веб-сайта"> Интернет стал основным рынком для компаний для ведения бизнеса и привлечения новых клиентов, что требует гораздо большего, чем просто наличие веб-сайта. Думайте о своем веб-сайте как о своей витрине. Если никто не может найти ваш магазин, вы не можете рассчитывать на большую деловую активность. Лучший способ привлечь новых клиентов на ваш сайт и улучшить видимость
Комментарии
Или есть другие, от которых вы отказались, потому что они не дают результатов для вашего сайта?Или есть другие, от которых вы отказались, потому что они не дают результатов для вашего сайта? Поделитесь своими мыслями и опытом в разделе комментариев ниже! Изображение предоставлено: Shutterstock / Евлахов Валерий Но это не означает, что тег H1 не имеет SEO , Хотите ли вы понять, что это такое, а затем, как это сделать, чтобы оптимизировать заголовок H1?
Или есть другие, от которых вы отказались, потому что они не дают результатов для вашего сайта? Поделитесь своими мыслями и опытом в разделе комментариев ниже! Изображение предоставлено: Shutterstock / Евлахов Валерий Итак, вот оно, наше руководство по SEO WordPress - есть ли у вас какие-либо вопросы по WordPress SEO, с которыми мы можем помочь?
Итак, вот оно, наше руководство по SEO WordPress - есть ли у вас какие-либо вопросы по WordPress SEO, с которыми мы можем помочь? Если так, пожалуйста связаться с нами. Давайте соединяться У вас есть проект веб-разработки, с которым вам нужна помощь? Связаться. Подписывайся и получать наши последние новости Что такое мобильное SEO… и знаете ли вы, как его использовать?
Что такое мобильное SEO… и знаете ли вы, как его использовать? С мобильным SEO часто обращаются как с совершенно другим животным, если сравнивать его с более стандартными методами SEO, которые мы привыкли принимать при создании онлайн-контента. Теперь, когда вы начали осваивать методы поисковой оптимизации для Интернета, пришло время освоить совершенно новый навык, называемый мобильным SEO. Чем он отличается и как вы используете его для успеха своего мобильного сайта? Есть ли какие-то отчеты или исследования, которые мы пропустили, или у вас есть трюки, которыми вы можете поделиться?
Есть ли какие-то отчеты или исследования, которые мы пропустили, или у вас есть трюки, которыми вы можете поделиться? Свяжитесь с нами через комментарии ниже и дайте нам знать! Не забудьте присоединиться к нашему ускоренному курсу по ускорению вашего сайта WordPress. С некоторыми простыми исправлениями вы можете сократить время загрузки даже на 50-80%: Проверьте скорость вашего сайта - есть ли у вас большие графические файлы или ненужные скрипты, которые вызывают проблемы?
Проверьте скорость вашего сайта - есть ли у вас большие графические файлы или ненужные скрипты, которые вызывают проблемы? Вы обязательно должны использовать мобильный оптимизированный сайт. Если у вас возникают проблемы с показателем отказов, это может помочь внешней стороне оценить ваш дизайн. Вы хотите, чтобы он был максимально плавным и простым в навигации. Продолжайте учиться, как улучшить ваш SEO После того, как вы реализовали все эти советы, Но знаете ли вы, что вы можете начать работать над своим SEO еще до запуска вашего сайта?
Но знаете ли вы, что вы можете начать работать над своим SEO еще до запуска вашего сайта? Звучит как парадокс, но это правда. Мы говорим о выборе вашего доменного имени. По правде говоря, факторы ранжирования домена широко не обсуждаются, но они могут реально повлиять как на ваши усилия по SEO, так и на маркетинг в социальных сетях. Есть несколько дилемм, с которыми сталкиваются бренды перед выбором Вы задаетесь вопросом, как решить эту непростую задачу по переводу вашего сайта или блога на HTTPS?
Вы задаетесь вопросом, как решить эту непростую задачу по переводу вашего сайта или блога на HTTPS? Не беспокойтесь, мы недавно обновили блог TemplateToaster до HTTPS, и все шаги были опробованы и протестированы. Читайте дальше, для пошагового руководства по перенаправлению HTTP на HTTPS. Оглавление Что такое HTTPS? Перенаправить HTTP на HTTPS: шаги, чтобы следовать Так что, если Google не считает слова в статье и использует это как фактор ранжирования, почему исследования предполагают, что более длинные статьи будут иметь более высокий рейтинг?
Так что, если Google не считает слова в статье и использует это как фактор ранжирования, почему исследования предполагают, что более длинные статьи будут иметь более высокий рейтинг? Это из-за других факторов, связанных с более длинными статьями. Более длинные статьи, как правило, содержат более ценную информацию, что делает их более полезными для читателя. И что Google хочет получить наивысший рейтинг на странице? Удобный, популярный контент. Дело не в количестве слов; это то, Что если я скажу вам, что вы можете стать чертовски хорошим SEO в течение 6 месяцев или меньше?
Что если я скажу вам, что вы можете стать чертовски хорошим SEO в течение 6 месяцев или меньше? Вот список лучших, которые я считаю лучшими ресурсами для того, чтобы получить достаточную широту и глубину, чтобы получить 80% результатов в SEO. К настоящему времени ваш внутренний скептик вступает во владение, но выслушайте меня ... Если вы знакомы с теорией Малколма Глэдвелла о том, что для освоения навыка требуется 10000 часов, методология Тима противоречит этому правилу. Он обходит Знаете ли вы, что разные системы управления контентом (CMS) будут вставлять различные фрагменты кода в ваш сценарий так, как они считают нужным?
Знаете ли вы, что разные системы управления контентом (CMS) будут вставлять различные фрагменты кода в ваш сценарий так, как они считают нужным? На самом деле они очень часто добавляют ненужный код, который не служит какой-либо цели, но на самом деле ваш исходный код выглядит очень «грязно». Это всегда стоит учитывать, если вы используете что-то вроде WordPress или Blogspot, чтобы просмотреть HTML-код перед публикацией, чтобы убедиться, что он красивый и аккуратный; не паникуйте, WordPress имеет
Что такое фавикон?
Что такое фавикон?
Вы бы предпочли купить авиабилеты авиакомпании Southwest с сайтов в первых двух вкладках или с сайта в последней вкладке?
Фавиконы для SEO: есть ли какие-либо преимущества, связанные с SEO?
Итак, вопрос в том, есть ли у вас разные критерии для значков на мобильном сайте?
Итак, каковы преимущества использования favicons, специфичных для мобильных ОС?
Вы уже установили иконку для своего сайта?
Знаете ли вы, насколько он совместим с различными браузерами и устройствами?
Py?
Для поисковых систем, верно?
