SlideShare a Scribd company logo
Exploring web attributes related
to image accessibility and their
impact on search engine indexing
Reinaldo Ferraz – CEWEB.br
Objective
• Facilitate the participation of Brazilian community in global Web development
enviroment
Mission
• Promote activities that encourage the use of open technologies and
standardized on the Web.
Web Technologies Study Center
• Accessible images on the web
• ALT and TITLE attributes
• Search Engine Optimization
• The experiment
• Exploring the ALT attribute
• Exploring the TITLE attribute
• Conclusion
Summary
• Images on the web needs alternative text, for screen readers users
Accessible images on the web
Picture of
keyboard
keys W, 3
and C
• ALT attribute is used to show alternative content in images
• <img src=“pic.jpg" alt=“Picture of keyboard keys W, 3 and C">
• TITLE attribute is used to provide complementary information
• <img src=“pic.jpg" title=“Credits: John Lord">
ALT and TITLE attributes
ALT and TITLE attributes
<img src="ULjpB0be_400x40.jpg"
alt="Ceweb.br "
title=“Web Technologies Study Center">
• The technique of developing websites in a way that they are search-
engine friendly is called Search Engine Optimization (SEO).
• This technique consists of a group of technical strategies used to
increase the number of visitors to a website by obtaining a high-
ranking position in the search engine results page
• Search engine optimization is based on making small modifications
to parts of websites (including image descriptions).
Search Engine Optimization
• Alternative texts are important for Web Accessibility but how this
texts are indexed by search engines on the Web?
• Three images were published in a post in my personal blog.
• Images were published without ALT/TITLE attribute declared. The
page was updated later with the attributes filled.
• The tests were made using Google, Bing, DuckDuckGo and Yahoo
search engine and the SEO verification tools Site Analyser,
WooHank and SEO Works
• The SEO verification tools were chosen at random and there was no
intention of promoting or recommending their use.
The experiment
During the first phase of testing, three images were published on the
blog http://www.reinaldoferraz.com.br, without ALT or TITLE attributes.
<img src="http://www.reinaldoferraz.com.br/wp-
content/uploads/2014/02/tr47ujhtt767.png">
<img src="http://www.reinaldoferraz.com.br/wp-
content/uploads/2014/02/aswe98jdk93.png">
<img src="http://www.reinaldoferraz.com.br/wp-
content/uploads/2014/02/yjjl9675yp.png">
Exploring ALT attribute
The content was indexed by search engines.
Exploring ALT attribute
The page was scanned by three automatic SEO checker tools.
Exploring ALT attribute
Exploring ALT attribute
Exploring ALT attribute
Second part: The images had their ALT attributes properly declared (in
portuguese).
<img src="http://www.reinaldoferraz.com.br/wp-
content/uploads/2014/02/tr47ujhtt767.png"
alt="Foto de um pão francês em um prato branco" >
<img src="http://www.reinaldoferraz.com.br/wp-
content/uploads/2014/02/aswe98jdk93.png"
alt="Foto de uma ampulheta" >
<img src="http://www.reinaldoferraz.com.br/wp-
content/uploads/2014/02/yjjl9675yp.png"
alt="Foto de uma placa com o mapa do
zoológico de São Paulo" >
Exploring ALT attribute
The tests were repeated using the same tools as in the previous phase.
Exploring ALT attribute
Repeating the tests using the same SEO tools
Exploring ALT attribute
Exploring ALT attribute
Exploring ALT attribute
Exploring ALT attribute
Exploring ALT attribute
Exploring ALT attribute
Exploring ALT attribute
The second experiment verified how the content of the TITLE attribute
affected search results and if it is important to web accessibility.
Exploring TITLE attribute
Exploring TITLE attribute
• TITLE attribute is not indexed by search engine
• TITLE attribute has no weight for SEO verification tools
• TITLE attribute tooltip is only available via mouseover
• TITLE attribute is not implemented in the same way in three different
screen readers:
• JAWS does not read TITLE by default. It is necessary to set
the screenreader to read ALT or TITLE attributes of the page
• NVDA reads the attribute but does not identify which is ALT or
TITLE content
• VoiceOver reads TITLE attribute after a few seconds of
silence after read the ALT attribute
Exploring TITLE attributes
• The ALT attribute plays an important role in describing images on a
web page.
• ALT attribute content is indexed by Google Search Engine
• Only Google indexed the ALT attribute content: Yahoo, DuckDuckGo
and Bing did not show the attribute content in their search results.
• The TITLE attribute in images is not useful for SEO. The content in
images is not indexed.
• In terms of accessibility, the TITLE attribute is not keyboard-
accessible, and has not been implemented in a standardized
manner by screen readers.
Conclusions
Thank you
www.ceweb.br
reinaldo@nic.br @reinaldoferraz
June, 11th, 2015

More Related Content

Viewers also liked

Cooperativas BAHIA
Cooperativas BAHIA Cooperativas BAHIA
Cooperativas BAHIA
Karlla Costa
 
Cadub novosusuarios
Cadub novosusuariosCadub novosusuarios
Cadub novosusuarios
Teresaceretta Ceretta
 
Re-descentralizar a web!
Re-descentralizar a web!Re-descentralizar a web!
Re-descentralizar a web!
Reinaldo Ferraz
 
Atributos textuais para imagens e SEO
Atributos textuais para imagens e SEOAtributos textuais para imagens e SEO
Atributos textuais para imagens e SEO
Reinaldo Ferraz
 
Internet das Coisas - Aprisionamento ou descentralização social?
Internet das Coisas - Aprisionamento ou descentralização social?Internet das Coisas - Aprisionamento ou descentralização social?
Internet das Coisas - Aprisionamento ou descentralização social?
Reinaldo Ferraz
 
Web das Coisas - Que tal fazer coisas que sejam realmente úteis?
Web das Coisas - Que tal fazer coisas que sejam realmente úteis?Web das Coisas - Que tal fazer coisas que sejam realmente úteis?
Web das Coisas - Que tal fazer coisas que sejam realmente úteis?
Reinaldo Ferraz
 
Palestra antropologia visual
Palestra antropologia visual Palestra antropologia visual
Palestra antropologia visual
Andreia Regina Moura Mendes
 
A saga dos 12 tópicos de acessibilidade na Web
A saga dos 12 tópicos de acessibilidade na WebA saga dos 12 tópicos de acessibilidade na Web
A saga dos 12 tópicos de acessibilidade na Web
Reinaldo Ferraz
 
Filacap on line 077
Filacap on line 077Filacap on line 077
Filacap on line 077
mgermina
 
10 Inspirational Quotes for Mother's Day
10 Inspirational Quotes for Mother's Day10 Inspirational Quotes for Mother's Day
10 Inspirational Quotes for Mother's Day
Guy Kawasaki
 
Plano de negocios canal publicitário
Plano de negocios canal publicitárioPlano de negocios canal publicitário
Plano de negocios canal publicitário
Neuma Oliveira
 
How To Embed SlideShare Shows Into WordPress.com
How To Embed SlideShare Shows Into WordPress.comHow To Embed SlideShare Shows Into WordPress.com
How To Embed SlideShare Shows Into WordPress.com
Kathy Gill
 
Services Marketing - Service Positioning
Services Marketing - Service PositioningServices Marketing - Service Positioning
Services Marketing - Service Positioning
Himansu S Mahapatra
 
State of the Word 2011
State of the Word 2011State of the Word 2011
State of the Word 2011
photomatt
 

Viewers also liked (14)

Cooperativas BAHIA
Cooperativas BAHIA Cooperativas BAHIA
Cooperativas BAHIA
 
Cadub novosusuarios
Cadub novosusuariosCadub novosusuarios
Cadub novosusuarios
 
Re-descentralizar a web!
Re-descentralizar a web!Re-descentralizar a web!
Re-descentralizar a web!
 
Atributos textuais para imagens e SEO
Atributos textuais para imagens e SEOAtributos textuais para imagens e SEO
Atributos textuais para imagens e SEO
 
Internet das Coisas - Aprisionamento ou descentralização social?
Internet das Coisas - Aprisionamento ou descentralização social?Internet das Coisas - Aprisionamento ou descentralização social?
Internet das Coisas - Aprisionamento ou descentralização social?
 
Web das Coisas - Que tal fazer coisas que sejam realmente úteis?
Web das Coisas - Que tal fazer coisas que sejam realmente úteis?Web das Coisas - Que tal fazer coisas que sejam realmente úteis?
Web das Coisas - Que tal fazer coisas que sejam realmente úteis?
 
Palestra antropologia visual
Palestra antropologia visual Palestra antropologia visual
Palestra antropologia visual
 
A saga dos 12 tópicos de acessibilidade na Web
A saga dos 12 tópicos de acessibilidade na WebA saga dos 12 tópicos de acessibilidade na Web
A saga dos 12 tópicos de acessibilidade na Web
 
Filacap on line 077
Filacap on line 077Filacap on line 077
Filacap on line 077
 
10 Inspirational Quotes for Mother's Day
10 Inspirational Quotes for Mother's Day10 Inspirational Quotes for Mother's Day
10 Inspirational Quotes for Mother's Day
 
Plano de negocios canal publicitário
Plano de negocios canal publicitárioPlano de negocios canal publicitário
Plano de negocios canal publicitário
 
How To Embed SlideShare Shows Into WordPress.com
How To Embed SlideShare Shows Into WordPress.comHow To Embed SlideShare Shows Into WordPress.com
How To Embed SlideShare Shows Into WordPress.com
 
Services Marketing - Service Positioning
Services Marketing - Service PositioningServices Marketing - Service Positioning
Services Marketing - Service Positioning
 
State of the Word 2011
State of the Word 2011State of the Word 2011
State of the Word 2011
 

Similar to ALT and TITLE attributes in images and SEO

SIM Digital Marketing COURSES PPT.pptx
SIM Digital Marketing COURSES PPT.pptxSIM Digital Marketing COURSES PPT.pptx
SIM Digital Marketing COURSES PPT.pptx
ShaileshBone
 
Accessibility on SVG and SEO
Accessibility on SVG and SEOAccessibility on SVG and SEO
Accessibility on SVG and SEO
Centro Web
 
Accessibility on SVG and SEO
Accessibility on SVG and SEOAccessibility on SVG and SEO
Accessibility on SVG and SEO
Reinaldo Ferraz
 
Digital MarketingDigital marketing courses in Pune-SIM.pptx
Digital MarketingDigital marketing courses in Pune-SIM.pptxDigital MarketingDigital marketing courses in Pune-SIM.pptx
Digital MarketingDigital marketing courses in Pune-SIM.pptx
MaheshVarade3
 
SIM Digital Marketing COURSE PDF.pdf
SIM Digital Marketing COURSE PDF.pdfSIM Digital Marketing COURSE PDF.pdf
SIM Digital Marketing COURSE PDF.pdf
ShaileshBone
 
SEO For Developers
SEO For DevelopersSEO For Developers
SEO For Developers
Deepu S Nath
 
Understanding the Technicality and Structure of a Site Webinar!
Understanding the Technicality and Structure of a Site Webinar!Understanding the Technicality and Structure of a Site Webinar!
Understanding the Technicality and Structure of a Site Webinar!
Search Influence
 
SEO by WSCube
SEO by WSCubeSEO by WSCube
SEO by WSCube
MuhammadArab9
 
Points for Design and Development of SEO friendly websites
Points for Design and Development of SEO friendly websitesPoints for Design and Development of SEO friendly websites
Points for Design and Development of SEO friendly websites
Singsys Pte Ltd
 
Five SEO Strategies Every Company Needs to Master
Five SEO Strategies Every Company Needs to MasterFive SEO Strategies Every Company Needs to Master
Five SEO Strategies Every Company Needs to Master
Act-On Software
 
Search Engine Optimisation Basics
Search Engine Optimisation BasicsSearch Engine Optimisation Basics
Search Engine Optimisation Basics
Ryan Jones
 
Basic Search Engine Optimization Strategies
Basic Search Engine Optimization Strategies  Basic Search Engine Optimization Strategies
Basic Search Engine Optimization Strategies
Online Business Owners
 
How To Construct A Search Engine Friendly Website
How To Construct A Search Engine Friendly WebsiteHow To Construct A Search Engine Friendly Website
How To Construct A Search Engine Friendly Website
Matt Siltala
 
EVOLVE'13 | Enhance | Effective SEO | Paul Legan
EVOLVE'13 | Enhance | Effective SEO | Paul LeganEVOLVE'13 | Enhance | Effective SEO | Paul Legan
EVOLVE'13 | Enhance | Effective SEO | Paul Legan
Evolve The Adobe Digital Marketing Community
 
SEO Training Course Online, Learn SEO, SEO for Beginners, Complete SEO Tutorial
SEO Training Course Online, Learn SEO, SEO for Beginners, Complete SEO TutorialSEO Training Course Online, Learn SEO, SEO for Beginners, Complete SEO Tutorial
SEO Training Course Online, Learn SEO, SEO for Beginners, Complete SEO Tutorial
Deep Mehta
 
Search engine optimization rankings, tactics & trends
Search engine optimization rankings, tactics & trendsSearch engine optimization rankings, tactics & trends
Search engine optimization rankings, tactics & trends
Dr,Saini Anand
 
Digital Marketing Classes in Pune- SIM
Digital Marketing Classes in Pune- SIMDigital Marketing Classes in Pune- SIM
Digital Marketing Classes in Pune- SIM
ShraddhaShinde412617
 
Seo Onpage Optimization Guide
Seo Onpage Optimization Guide Seo Onpage Optimization Guide
Seo Onpage Optimization Guide
Web Trainings Academy
 
Seo Onpage Optimization Training
Seo Onpage Optimization TrainingSeo Onpage Optimization Training
Seo Onpage Optimization Training
SEOBANK
 
Optimizing Content Visibility (St. Louis WordCamp)
Optimizing Content Visibility (St. Louis WordCamp)Optimizing Content Visibility (St. Louis WordCamp)
Optimizing Content Visibility (St. Louis WordCamp)
Teresa Lane
 

Similar to ALT and TITLE attributes in images and SEO (20)

SIM Digital Marketing COURSES PPT.pptx
SIM Digital Marketing COURSES PPT.pptxSIM Digital Marketing COURSES PPT.pptx
SIM Digital Marketing COURSES PPT.pptx
 
Accessibility on SVG and SEO
Accessibility on SVG and SEOAccessibility on SVG and SEO
Accessibility on SVG and SEO
 
Accessibility on SVG and SEO
Accessibility on SVG and SEOAccessibility on SVG and SEO
Accessibility on SVG and SEO
 
Digital MarketingDigital marketing courses in Pune-SIM.pptx
Digital MarketingDigital marketing courses in Pune-SIM.pptxDigital MarketingDigital marketing courses in Pune-SIM.pptx
Digital MarketingDigital marketing courses in Pune-SIM.pptx
 
SIM Digital Marketing COURSE PDF.pdf
SIM Digital Marketing COURSE PDF.pdfSIM Digital Marketing COURSE PDF.pdf
SIM Digital Marketing COURSE PDF.pdf
 
SEO For Developers
SEO For DevelopersSEO For Developers
SEO For Developers
 
Understanding the Technicality and Structure of a Site Webinar!
Understanding the Technicality and Structure of a Site Webinar!Understanding the Technicality and Structure of a Site Webinar!
Understanding the Technicality and Structure of a Site Webinar!
 
SEO by WSCube
SEO by WSCubeSEO by WSCube
SEO by WSCube
 
Points for Design and Development of SEO friendly websites
Points for Design and Development of SEO friendly websitesPoints for Design and Development of SEO friendly websites
Points for Design and Development of SEO friendly websites
 
Five SEO Strategies Every Company Needs to Master
Five SEO Strategies Every Company Needs to MasterFive SEO Strategies Every Company Needs to Master
Five SEO Strategies Every Company Needs to Master
 
Search Engine Optimisation Basics
Search Engine Optimisation BasicsSearch Engine Optimisation Basics
Search Engine Optimisation Basics
 
Basic Search Engine Optimization Strategies
Basic Search Engine Optimization Strategies  Basic Search Engine Optimization Strategies
Basic Search Engine Optimization Strategies
 
How To Construct A Search Engine Friendly Website
How To Construct A Search Engine Friendly WebsiteHow To Construct A Search Engine Friendly Website
How To Construct A Search Engine Friendly Website
 
EVOLVE'13 | Enhance | Effective SEO | Paul Legan
EVOLVE'13 | Enhance | Effective SEO | Paul LeganEVOLVE'13 | Enhance | Effective SEO | Paul Legan
EVOLVE'13 | Enhance | Effective SEO | Paul Legan
 
SEO Training Course Online, Learn SEO, SEO for Beginners, Complete SEO Tutorial
SEO Training Course Online, Learn SEO, SEO for Beginners, Complete SEO TutorialSEO Training Course Online, Learn SEO, SEO for Beginners, Complete SEO Tutorial
SEO Training Course Online, Learn SEO, SEO for Beginners, Complete SEO Tutorial
 
Search engine optimization rankings, tactics & trends
Search engine optimization rankings, tactics & trendsSearch engine optimization rankings, tactics & trends
Search engine optimization rankings, tactics & trends
 
Digital Marketing Classes in Pune- SIM
Digital Marketing Classes in Pune- SIMDigital Marketing Classes in Pune- SIM
Digital Marketing Classes in Pune- SIM
 
Seo Onpage Optimization Guide
Seo Onpage Optimization Guide Seo Onpage Optimization Guide
Seo Onpage Optimization Guide
 
Seo Onpage Optimization Training
Seo Onpage Optimization TrainingSeo Onpage Optimization Training
Seo Onpage Optimization Training
 
Optimizing Content Visibility (St. Louis WordCamp)
Optimizing Content Visibility (St. Louis WordCamp)Optimizing Content Visibility (St. Louis WordCamp)
Optimizing Content Visibility (St. Louis WordCamp)
 

More from Reinaldo Ferraz

Acessibilidade Digital e Realidade Estendida (VR/XR)
Acessibilidade Digital e Realidade Estendida (VR/XR)Acessibilidade Digital e Realidade Estendida (VR/XR)
Acessibilidade Digital e Realidade Estendida (VR/XR)
Reinaldo Ferraz
 
Acessibilidade na Web - Muito além do código
Acessibilidade na Web - Muito além do códigoAcessibilidade na Web - Muito além do código
Acessibilidade na Web - Muito além do código
Reinaldo Ferraz
 
WCAG 2.2 e 3.0
WCAG 2.2 e 3.0WCAG 2.2 e 3.0
WCAG 2.2 e 3.0
Reinaldo Ferraz
 
Legendas na Web
Legendas na WebLegendas na Web
Legendas na Web
Reinaldo Ferraz
 
WCAG 2.2
WCAG 2.2WCAG 2.2
WCAG 2.2
Reinaldo Ferraz
 
Por que re-descentralizar a Web?
Por que re-descentralizar a Web?Por que re-descentralizar a Web?
Por que re-descentralizar a Web?
Reinaldo Ferraz
 
Passado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na webPassado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na web
Reinaldo Ferraz
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
Reinaldo Ferraz
 
Re-descentralizar a web
Re-descentralizar a webRe-descentralizar a web
Re-descentralizar a web
Reinaldo Ferraz
 
The power of ALT and LANG attributes
The power of ALT and LANG attributesThe power of ALT and LANG attributes
The power of ALT and LANG attributes
Reinaldo Ferraz
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIA
Reinaldo Ferraz
 
Technological study of Brazilian government websites
Technological study of Brazilian government websitesTechnological study of Brazilian government websites
Technological study of Brazilian government websites
Reinaldo Ferraz
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
Reinaldo Ferraz
 
Acessibilidade na web
Acessibilidade na webAcessibilidade na web
Acessibilidade na web
Reinaldo Ferraz
 
Aplicações em HTML5 para interação com a TV Digital
Aplicações em HTML5 para interação com a TV DigitalAplicações em HTML5 para interação com a TV Digital
Aplicações em HTML5 para interação com a TV Digital
Reinaldo Ferraz
 
HTML Acessível
HTML AcessívelHTML Acessível
HTML Acessível
Reinaldo Ferraz
 
Alt e Lang: Dois atributos da pesada
Alt e Lang: Dois atributos da pesadaAlt e Lang: Dois atributos da pesada
Alt e Lang: Dois atributos da pesada
Reinaldo Ferraz
 
Acessibilidade na Web: Construíndo páginas para pessoas e não só para máquinas
Acessibilidade na Web: Construíndo páginas para pessoas e não só para máquinasAcessibilidade na Web: Construíndo páginas para pessoas e não só para máquinas
Acessibilidade na Web: Construíndo páginas para pessoas e não só para máquinas
Reinaldo Ferraz
 
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Reinaldo Ferraz
 
HTML5, Mobile Web e além - Computer on the beach 2015
HTML5, Mobile Web e além - Computer on the beach 2015HTML5, Mobile Web e além - Computer on the beach 2015
HTML5, Mobile Web e além - Computer on the beach 2015
Reinaldo Ferraz
 

More from Reinaldo Ferraz (20)

Acessibilidade Digital e Realidade Estendida (VR/XR)
Acessibilidade Digital e Realidade Estendida (VR/XR)Acessibilidade Digital e Realidade Estendida (VR/XR)
Acessibilidade Digital e Realidade Estendida (VR/XR)
 
Acessibilidade na Web - Muito além do código
Acessibilidade na Web - Muito além do códigoAcessibilidade na Web - Muito além do código
Acessibilidade na Web - Muito além do código
 
WCAG 2.2 e 3.0
WCAG 2.2 e 3.0WCAG 2.2 e 3.0
WCAG 2.2 e 3.0
 
Legendas na Web
Legendas na WebLegendas na Web
Legendas na Web
 
WCAG 2.2
WCAG 2.2WCAG 2.2
WCAG 2.2
 
Por que re-descentralizar a Web?
Por que re-descentralizar a Web?Por que re-descentralizar a Web?
Por que re-descentralizar a Web?
 
Passado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na webPassado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na web
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
 
Re-descentralizar a web
Re-descentralizar a webRe-descentralizar a web
Re-descentralizar a web
 
The power of ALT and LANG attributes
The power of ALT and LANG attributesThe power of ALT and LANG attributes
The power of ALT and LANG attributes
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIA
 
Technological study of Brazilian government websites
Technological study of Brazilian government websitesTechnological study of Brazilian government websites
Technological study of Brazilian government websites
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
 
Acessibilidade na web
Acessibilidade na webAcessibilidade na web
Acessibilidade na web
 
Aplicações em HTML5 para interação com a TV Digital
Aplicações em HTML5 para interação com a TV DigitalAplicações em HTML5 para interação com a TV Digital
Aplicações em HTML5 para interação com a TV Digital
 
HTML Acessível
HTML AcessívelHTML Acessível
HTML Acessível
 
Alt e Lang: Dois atributos da pesada
Alt e Lang: Dois atributos da pesadaAlt e Lang: Dois atributos da pesada
Alt e Lang: Dois atributos da pesada
 
Acessibilidade na Web: Construíndo páginas para pessoas e não só para máquinas
Acessibilidade na Web: Construíndo páginas para pessoas e não só para máquinasAcessibilidade na Web: Construíndo páginas para pessoas e não só para máquinas
Acessibilidade na Web: Construíndo páginas para pessoas e não só para máquinas
 
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
 
HTML5, Mobile Web e além - Computer on the beach 2015
HTML5, Mobile Web e além - Computer on the beach 2015HTML5, Mobile Web e além - Computer on the beach 2015
HTML5, Mobile Web e além - Computer on the beach 2015
 

Recently uploaded

Top 50 Telephone Conversation Sample Examples For IT Industries.pdf
Top 50 Telephone Conversation Sample Examples For IT Industries.pdfTop 50 Telephone Conversation Sample Examples For IT Industries.pdf
Top 50 Telephone Conversation Sample Examples For IT Industries.pdf
Krishna L
 
Book dating , international dating phgra
Book dating , international dating phgraBook dating , international dating phgra
Book dating , international dating phgra
thomaskurtha9
 
Build a Professional Resume using Canva , Tanapat Limsaiprom
Build a Professional Resume using Canva , Tanapat LimsaipromBuild a Professional Resume using Canva , Tanapat Limsaiprom
Build a Professional Resume using Canva , Tanapat Limsaiprom
TanapatLimsaiprom1
 
Quiz Quiz Hota Hai (School Quiz 2018-19)
Quiz Quiz Hota Hai (School Quiz 2018-19)Quiz Quiz Hota Hai (School Quiz 2018-19)
Quiz Quiz Hota Hai (School Quiz 2018-19)
Kashyap J
 
Draya Michele’s Son – Kniko Howard’s Rise to Fame.pptx
Draya Michele’s Son – Kniko Howard’s Rise to Fame.pptxDraya Michele’s Son – Kniko Howard’s Rise to Fame.pptx
Draya Michele’s Son – Kniko Howard’s Rise to Fame.pptx
ashishkumarrana9
 
Female Service Girls Call Delhi 9873940964 Provide Best And Top Girl Service ...
Female Service Girls Call Delhi 9873940964 Provide Best And Top Girl Service ...Female Service Girls Call Delhi 9873940964 Provide Best And Top Girl Service ...
Female Service Girls Call Delhi 9873940964 Provide Best And Top Girl Service ...
elbertablack
 
202254.com香蕉影视,在线观看《我才不要和你做朋友呢》在线观看最新电影,香蕉影视在线观看《我才不要和你做朋友呢》在线观看高清电影
202254.com香蕉影视,在线观看《我才不要和你做朋友呢》在线观看最新电影,香蕉影视在线观看《我才不要和你做朋友呢》在线观看高清电影202254.com香蕉影视,在线观看《我才不要和你做朋友呢》在线观看最新电影,香蕉影视在线观看《我才不要和你做朋友呢》在线观看高清电影
202254.com香蕉影视,在线观看《我才不要和你做朋友呢》在线观看最新电影,香蕉影视在线观看《我才不要和你做朋友呢》在线观看高清电影
ffg01100
 
workbook and project U5 1ºsecundaria.pdf
workbook and project U5 1ºsecundaria.pdfworkbook and project U5 1ºsecundaria.pdf
workbook and project U5 1ºsecundaria.pdf
anya2024forgya
 
Corporate Minimal Newspaper Headline Style Newsletter.pptx
Corporate Minimal Newspaper Headline Style Newsletter.pptxCorporate Minimal Newspaper Headline Style Newsletter.pptx
Corporate Minimal Newspaper Headline Style Newsletter.pptx
byubyu7
 
Web development Platform Constraints.pptx
Web development Platform Constraints.pptxWeb development Platform Constraints.pptx
Web development Platform Constraints.pptx
ssuser2f6682
 
Girls Call Mahipalpur 000XX00000 Provide Best And Top Girl Service And No1 in...
Girls Call Mahipalpur 000XX00000 Provide Best And Top Girl Service And No1 in...Girls Call Mahipalpur 000XX00000 Provide Best And Top Girl Service And No1 in...
Girls Call Mahipalpur 000XX00000 Provide Best And Top Girl Service And No1 in...
mahigarg2024#G05
 
2023. Archive - Gigabajtos selfpublisher homepage
2023. Archive - Gigabajtos selfpublisher homepage2023. Archive - Gigabajtos selfpublisher homepage
2023. Archive - Gigabajtos selfpublisher homepage
Zsolt Nemeth
 
Chennai Girls Call ServiCe X00XXX00XX Tanisha Best High Class Chennai Available
Chennai Girls Call ServiCe X00XXX00XX Tanisha Best High Class Chennai AvailableChennai Girls Call ServiCe X00XXX00XX Tanisha Best High Class Chennai Available
Chennai Girls Call ServiCe X00XXX00XX Tanisha Best High Class Chennai Available
shamrisumri
 
Trading Strategy for London silver bullet
Trading Strategy for London silver bulletTrading Strategy for London silver bullet
Trading Strategy for London silver bullet
OkgatoSemadi1
 
How-to-Diagnose-Hard-Drives-by-DFL-DDP-2024.pdf
How-to-Diagnose-Hard-Drives-by-DFL-DDP-2024.pdfHow-to-Diagnose-Hard-Drives-by-DFL-DDP-2024.pdf
How-to-Diagnose-Hard-Drives-by-DFL-DDP-2024.pdf
Dolphin Data Lab
 
Iot-Internet-of-Things_Industrial revolution 4.0-ppt.pptx
Iot-Internet-of-Things_Industrial revolution 4.0-ppt.pptxIot-Internet-of-Things_Industrial revolution 4.0-ppt.pptx
Iot-Internet-of-Things_Industrial revolution 4.0-ppt.pptx
DeepakKumar862274
 
Tarun Gaur On Data Breaches and Privacy Fears
Tarun Gaur On Data Breaches and Privacy FearsTarun Gaur On Data Breaches and Privacy Fears
Tarun Gaur On Data Breaches and Privacy Fears
Tarun Gaur
 
6 Reasons to Use a VPN | 3S VPN Server App
6 Reasons to Use a VPN | 3S VPN Server App6 Reasons to Use a VPN | 3S VPN Server App
6 Reasons to Use a VPN | 3S VPN Server App
VPN Server
 
AWS Networking Basic , tanapat limsaiprom
AWS Networking Basic , tanapat limsaipromAWS Networking Basic , tanapat limsaiprom
AWS Networking Basic , tanapat limsaiprom
ธนาพัฒน์ ลิ้มสายพรหม
 
High Profile Girls Call ServiCe Chennai XX00XXX00X Tanisha Best High Class Ch...
High Profile Girls Call ServiCe Chennai XX00XXX00X Tanisha Best High Class Ch...High Profile Girls Call ServiCe Chennai XX00XXX00X Tanisha Best High Class Ch...
High Profile Girls Call ServiCe Chennai XX00XXX00X Tanisha Best High Class Ch...
shamrisumri
 

Recently uploaded (20)

Top 50 Telephone Conversation Sample Examples For IT Industries.pdf
Top 50 Telephone Conversation Sample Examples For IT Industries.pdfTop 50 Telephone Conversation Sample Examples For IT Industries.pdf
Top 50 Telephone Conversation Sample Examples For IT Industries.pdf
 
Book dating , international dating phgra
Book dating , international dating phgraBook dating , international dating phgra
Book dating , international dating phgra
 
Build a Professional Resume using Canva , Tanapat Limsaiprom
Build a Professional Resume using Canva , Tanapat LimsaipromBuild a Professional Resume using Canva , Tanapat Limsaiprom
Build a Professional Resume using Canva , Tanapat Limsaiprom
 
Quiz Quiz Hota Hai (School Quiz 2018-19)
Quiz Quiz Hota Hai (School Quiz 2018-19)Quiz Quiz Hota Hai (School Quiz 2018-19)
Quiz Quiz Hota Hai (School Quiz 2018-19)
 
Draya Michele’s Son – Kniko Howard’s Rise to Fame.pptx
Draya Michele’s Son – Kniko Howard’s Rise to Fame.pptxDraya Michele’s Son – Kniko Howard’s Rise to Fame.pptx
Draya Michele’s Son – Kniko Howard’s Rise to Fame.pptx
 
Female Service Girls Call Delhi 9873940964 Provide Best And Top Girl Service ...
Female Service Girls Call Delhi 9873940964 Provide Best And Top Girl Service ...Female Service Girls Call Delhi 9873940964 Provide Best And Top Girl Service ...
Female Service Girls Call Delhi 9873940964 Provide Best And Top Girl Service ...
 
202254.com香蕉影视,在线观看《我才不要和你做朋友呢》在线观看最新电影,香蕉影视在线观看《我才不要和你做朋友呢》在线观看高清电影
202254.com香蕉影视,在线观看《我才不要和你做朋友呢》在线观看最新电影,香蕉影视在线观看《我才不要和你做朋友呢》在线观看高清电影202254.com香蕉影视,在线观看《我才不要和你做朋友呢》在线观看最新电影,香蕉影视在线观看《我才不要和你做朋友呢》在线观看高清电影
202254.com香蕉影视,在线观看《我才不要和你做朋友呢》在线观看最新电影,香蕉影视在线观看《我才不要和你做朋友呢》在线观看高清电影
 
workbook and project U5 1ºsecundaria.pdf
workbook and project U5 1ºsecundaria.pdfworkbook and project U5 1ºsecundaria.pdf
workbook and project U5 1ºsecundaria.pdf
 
Corporate Minimal Newspaper Headline Style Newsletter.pptx
Corporate Minimal Newspaper Headline Style Newsletter.pptxCorporate Minimal Newspaper Headline Style Newsletter.pptx
Corporate Minimal Newspaper Headline Style Newsletter.pptx
 
Web development Platform Constraints.pptx
Web development Platform Constraints.pptxWeb development Platform Constraints.pptx
Web development Platform Constraints.pptx
 
Girls Call Mahipalpur 000XX00000 Provide Best And Top Girl Service And No1 in...
Girls Call Mahipalpur 000XX00000 Provide Best And Top Girl Service And No1 in...Girls Call Mahipalpur 000XX00000 Provide Best And Top Girl Service And No1 in...
Girls Call Mahipalpur 000XX00000 Provide Best And Top Girl Service And No1 in...
 
2023. Archive - Gigabajtos selfpublisher homepage
2023. Archive - Gigabajtos selfpublisher homepage2023. Archive - Gigabajtos selfpublisher homepage
2023. Archive - Gigabajtos selfpublisher homepage
 
Chennai Girls Call ServiCe X00XXX00XX Tanisha Best High Class Chennai Available
Chennai Girls Call ServiCe X00XXX00XX Tanisha Best High Class Chennai AvailableChennai Girls Call ServiCe X00XXX00XX Tanisha Best High Class Chennai Available
Chennai Girls Call ServiCe X00XXX00XX Tanisha Best High Class Chennai Available
 
Trading Strategy for London silver bullet
Trading Strategy for London silver bulletTrading Strategy for London silver bullet
Trading Strategy for London silver bullet
 
How-to-Diagnose-Hard-Drives-by-DFL-DDP-2024.pdf
How-to-Diagnose-Hard-Drives-by-DFL-DDP-2024.pdfHow-to-Diagnose-Hard-Drives-by-DFL-DDP-2024.pdf
How-to-Diagnose-Hard-Drives-by-DFL-DDP-2024.pdf
 
Iot-Internet-of-Things_Industrial revolution 4.0-ppt.pptx
Iot-Internet-of-Things_Industrial revolution 4.0-ppt.pptxIot-Internet-of-Things_Industrial revolution 4.0-ppt.pptx
Iot-Internet-of-Things_Industrial revolution 4.0-ppt.pptx
 
Tarun Gaur On Data Breaches and Privacy Fears
Tarun Gaur On Data Breaches and Privacy FearsTarun Gaur On Data Breaches and Privacy Fears
Tarun Gaur On Data Breaches and Privacy Fears
 
6 Reasons to Use a VPN | 3S VPN Server App
6 Reasons to Use a VPN | 3S VPN Server App6 Reasons to Use a VPN | 3S VPN Server App
6 Reasons to Use a VPN | 3S VPN Server App
 
AWS Networking Basic , tanapat limsaiprom
AWS Networking Basic , tanapat limsaipromAWS Networking Basic , tanapat limsaiprom
AWS Networking Basic , tanapat limsaiprom
 
High Profile Girls Call ServiCe Chennai XX00XXX00X Tanisha Best High Class Ch...
High Profile Girls Call ServiCe Chennai XX00XXX00X Tanisha Best High Class Ch...High Profile Girls Call ServiCe Chennai XX00XXX00X Tanisha Best High Class Ch...
High Profile Girls Call ServiCe Chennai XX00XXX00X Tanisha Best High Class Ch...
 

ALT and TITLE attributes in images and SEO

  • 1. Exploring web attributes related to image accessibility and their impact on search engine indexing Reinaldo Ferraz – CEWEB.br
  • 2. Objective • Facilitate the participation of Brazilian community in global Web development enviroment Mission • Promote activities that encourage the use of open technologies and standardized on the Web. Web Technologies Study Center
  • 3. • Accessible images on the web • ALT and TITLE attributes • Search Engine Optimization • The experiment • Exploring the ALT attribute • Exploring the TITLE attribute • Conclusion Summary
  • 4. • Images on the web needs alternative text, for screen readers users Accessible images on the web Picture of keyboard keys W, 3 and C
  • 5. • ALT attribute is used to show alternative content in images • <img src=“pic.jpg" alt=“Picture of keyboard keys W, 3 and C"> • TITLE attribute is used to provide complementary information • <img src=“pic.jpg" title=“Credits: John Lord"> ALT and TITLE attributes
  • 6. ALT and TITLE attributes <img src="ULjpB0be_400x40.jpg" alt="Ceweb.br " title=“Web Technologies Study Center">
  • 7. • The technique of developing websites in a way that they are search- engine friendly is called Search Engine Optimization (SEO). • This technique consists of a group of technical strategies used to increase the number of visitors to a website by obtaining a high- ranking position in the search engine results page • Search engine optimization is based on making small modifications to parts of websites (including image descriptions). Search Engine Optimization
  • 8. • Alternative texts are important for Web Accessibility but how this texts are indexed by search engines on the Web? • Three images were published in a post in my personal blog. • Images were published without ALT/TITLE attribute declared. The page was updated later with the attributes filled. • The tests were made using Google, Bing, DuckDuckGo and Yahoo search engine and the SEO verification tools Site Analyser, WooHank and SEO Works • The SEO verification tools were chosen at random and there was no intention of promoting or recommending their use. The experiment
  • 9. During the first phase of testing, three images were published on the blog http://www.reinaldoferraz.com.br, without ALT or TITLE attributes. <img src="http://www.reinaldoferraz.com.br/wp- content/uploads/2014/02/tr47ujhtt767.png"> <img src="http://www.reinaldoferraz.com.br/wp- content/uploads/2014/02/aswe98jdk93.png"> <img src="http://www.reinaldoferraz.com.br/wp- content/uploads/2014/02/yjjl9675yp.png"> Exploring ALT attribute
  • 10. The content was indexed by search engines. Exploring ALT attribute
  • 11. The page was scanned by three automatic SEO checker tools. Exploring ALT attribute
  • 14. Second part: The images had their ALT attributes properly declared (in portuguese). <img src="http://www.reinaldoferraz.com.br/wp- content/uploads/2014/02/tr47ujhtt767.png" alt="Foto de um pão francês em um prato branco" > <img src="http://www.reinaldoferraz.com.br/wp- content/uploads/2014/02/aswe98jdk93.png" alt="Foto de uma ampulheta" > <img src="http://www.reinaldoferraz.com.br/wp- content/uploads/2014/02/yjjl9675yp.png" alt="Foto de uma placa com o mapa do zoológico de São Paulo" > Exploring ALT attribute
  • 15. The tests were repeated using the same tools as in the previous phase. Exploring ALT attribute
  • 16. Repeating the tests using the same SEO tools Exploring ALT attribute
  • 23. The second experiment verified how the content of the TITLE attribute affected search results and if it is important to web accessibility. Exploring TITLE attribute
  • 25. • TITLE attribute is not indexed by search engine • TITLE attribute has no weight for SEO verification tools • TITLE attribute tooltip is only available via mouseover • TITLE attribute is not implemented in the same way in three different screen readers: • JAWS does not read TITLE by default. It is necessary to set the screenreader to read ALT or TITLE attributes of the page • NVDA reads the attribute but does not identify which is ALT or TITLE content • VoiceOver reads TITLE attribute after a few seconds of silence after read the ALT attribute Exploring TITLE attributes
  • 26. • The ALT attribute plays an important role in describing images on a web page. • ALT attribute content is indexed by Google Search Engine • Only Google indexed the ALT attribute content: Yahoo, DuckDuckGo and Bing did not show the attribute content in their search results. • The TITLE attribute in images is not useful for SEO. The content in images is not indexed. • In terms of accessibility, the TITLE attribute is not keyboard- accessible, and has not been implemented in a standardized manner by screen readers. Conclusions