SlideShare una empresa de Scribd logo
1 de 4
Descargar para leer sin conexión
Useful Considerations for Responsive Web Design
July 16, 2014 | By Team Position²
Mobile internet penetration is growing at an exponential rate. According to a recent
eMarketer study, four out of five global Internet users in 2014 are mobile web users.
So, what does this growth rate mean to the online world?
 Mobile will become an essential platform for marketing in the digital world
 Website rendering across different mobile devices will assume significance
 Mobile friendly designs will be key to enhance user experience
 Optimizing for mobile will be an added advantage
Let us now look into two important actualities: having a mobile friendly site and
optimizing the same.
As we talk of mobile friendly websites, a key aspect on the priority list is responsiveness.
So, what is Responsive Web Design (RWD)? A responsive site is one which adapts to its
surrounding environment and caters to users browsing with different device resolutions.
As Jeffrey Veen of Adobe says, “Responsive web design represents a fundamental shift
in how we‟ll build websites for the decade to come”.
Talking about responsive, one of the top sites we found during the recent football craze
was the „Sequence World Cup‟ campaign created by Sequence Agency, UK.
Having understood the importance of RWD, you need to look at three key considerations
while making any website responsive:
1. Design considerations
The first thing that comes to mind while designing for responsiveness is whether to have
a single site or multiple sites for desktop and mobile. Web designers need to decide if
they need a single site and how information will flow across the web and mobile. Among
these options, responsive sites occupy first place, followed by apps for mobile users
which take user personas into consideration.
Other technical considerations which have been widely discussed include flexible
images, grid foundation and media queries. A combination of these three makes a site
responsive.
2. Performance considerations
The general perception has been that responsive sites take more time to load. Ever since
Ethan Marcotte introduced the concept of responsive web, designers are trying out
methods to improve performance and the following are some tips on the same:
 Serving images on Content Delivery Networks (CDNs) instead of servers and also
making the images smaller
 Using Javacripts as the image loading technique (the „noscript‟ technique)
 Using conditional loading and other CSS tricks that help improve performance.
Online tools like Google Page Speed Tools help make performance better. This
should be backed by tests at regular intervals.
3. Optimization considerations
While the above two considerations improve the user experience and performance of the
website, it is important for a marketer to have the site optimized for search since there is
always a correlation between RWD and website experience.
Responsive web and SEO go hand-in-hand. Google support for RWD-enabled websites
and search engines catering to users‟ requirements for all screen resolutions makes it
important to optimize websites based on RWD. Usability is one key area that Google
looks at while ranking websites. RWD helps users reach the right type of content across
browsers.
Content strategy combined with keyword research and analysis merits close attention.
The right balance of short and long tail, and geo-specific keywords with the right density
should be considered.
Having the right blend of content for mobile sites is the winning point for mobile SEO.
Mobile sites mean less content and the right way to optimize less content is to have only
the most necessary part of the content on your mobile site.
Site structure and internal linking should not be neglected. A deep level of interlinks
going up to 2-3 clicks helps leverage SEO value. Higher level pages should be cross-
linked properly.
Google has in fact recommended use of RWD and said that websites optimized for
mobile will be looked at with authority by search bots. With Google giving higher
importance to Usability (UX), a responsive site with the basics of SEO covered should
help cater to a mobile audience as well.
In the end, it‟s all about providing a quality experience – be it on a desktop or on mobile.
Go responsive & stay updated!
Contributed by Chetan Rajasekaraiah, Senior SEO Specialist, SEO team

Más contenido relacionado

Más de Position2

Working the Local Side of SEO | Position2
Working the Local Side of SEO | Position2Working the Local Side of SEO | Position2
Working the Local Side of SEO | Position2Position2
 
Top 5 Open Source CMS- 2014
Top 5 Open Source CMS- 2014 Top 5 Open Source CMS- 2014
Top 5 Open Source CMS- 2014 Position2
 
Social Media- Which One Is For You
Social Media- Which One Is For YouSocial Media- Which One Is For You
Social Media- Which One Is For YouPosition2
 
Winning More Customers With Marketing Automation
Winning More Customers With Marketing AutomationWinning More Customers With Marketing Automation
Winning More Customers With Marketing AutomationPosition2
 
A Retrospect of 2013 Digital Marketing Updates
A Retrospect of 2013 Digital Marketing UpdatesA Retrospect of 2013 Digital Marketing Updates
A Retrospect of 2013 Digital Marketing UpdatesPosition2
 
B2B Email Marketing
B2B Email Marketing B2B Email Marketing
B2B Email Marketing Position2
 
A Retrospect Of Social Updates 2013
A Retrospect Of Social Updates 2013A Retrospect Of Social Updates 2013
A Retrospect Of Social Updates 2013Position2
 
Tips For Running A Search Re-targeting Campaign
Tips For Running A Search Re-targeting Campaign Tips For Running A Search Re-targeting Campaign
Tips For Running A Search Re-targeting Campaign Position2
 
Winning With Marketing Automation
Winning With Marketing AutomationWinning With Marketing Automation
Winning With Marketing AutomationPosition2
 
B2B Content Marketing
B2B Content Marketing B2B Content Marketing
B2B Content Marketing Position2
 
Beginner's Checklist For Robust International SEM Strategy
Beginner's Checklist For Robust International SEM StrategyBeginner's Checklist For Robust International SEM Strategy
Beginner's Checklist For Robust International SEM StrategyPosition2
 
12 Things To Consider Before Implementing Marketing Automation
12 Things To Consider Before Implementing Marketing Automation12 Things To Consider Before Implementing Marketing Automation
12 Things To Consider Before Implementing Marketing AutomationPosition2
 
B2B Email Marketing
B2B Email MarketingB2B Email Marketing
B2B Email MarketingPosition2
 

Más de Position2 (13)

Working the Local Side of SEO | Position2
Working the Local Side of SEO | Position2Working the Local Side of SEO | Position2
Working the Local Side of SEO | Position2
 
Top 5 Open Source CMS- 2014
Top 5 Open Source CMS- 2014 Top 5 Open Source CMS- 2014
Top 5 Open Source CMS- 2014
 
Social Media- Which One Is For You
Social Media- Which One Is For YouSocial Media- Which One Is For You
Social Media- Which One Is For You
 
Winning More Customers With Marketing Automation
Winning More Customers With Marketing AutomationWinning More Customers With Marketing Automation
Winning More Customers With Marketing Automation
 
A Retrospect of 2013 Digital Marketing Updates
A Retrospect of 2013 Digital Marketing UpdatesA Retrospect of 2013 Digital Marketing Updates
A Retrospect of 2013 Digital Marketing Updates
 
B2B Email Marketing
B2B Email Marketing B2B Email Marketing
B2B Email Marketing
 
A Retrospect Of Social Updates 2013
A Retrospect Of Social Updates 2013A Retrospect Of Social Updates 2013
A Retrospect Of Social Updates 2013
 
Tips For Running A Search Re-targeting Campaign
Tips For Running A Search Re-targeting Campaign Tips For Running A Search Re-targeting Campaign
Tips For Running A Search Re-targeting Campaign
 
Winning With Marketing Automation
Winning With Marketing AutomationWinning With Marketing Automation
Winning With Marketing Automation
 
B2B Content Marketing
B2B Content Marketing B2B Content Marketing
B2B Content Marketing
 
Beginner's Checklist For Robust International SEM Strategy
Beginner's Checklist For Robust International SEM StrategyBeginner's Checklist For Robust International SEM Strategy
Beginner's Checklist For Robust International SEM Strategy
 
12 Things To Consider Before Implementing Marketing Automation
12 Things To Consider Before Implementing Marketing Automation12 Things To Consider Before Implementing Marketing Automation
12 Things To Consider Before Implementing Marketing Automation
 
B2B Email Marketing
B2B Email MarketingB2B Email Marketing
B2B Email Marketing
 

Último

Brand experience Peoria City Soccer Presentation.pdf
Brand experience Peoria City Soccer Presentation.pdfBrand experience Peoria City Soccer Presentation.pdf
Brand experience Peoria City Soccer Presentation.pdftbatkhuu1
 
FULL ENJOY Call Girls In Majnu.Ka.Tilla Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Majnu.Ka.Tilla Delhi Contact Us 8377877756FULL ENJOY Call Girls In Majnu.Ka.Tilla Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Majnu.Ka.Tilla Delhi Contact Us 8377877756dollysharma2066
 
Major SEO Trends in 2024 - Banyanbrain Digital
Major SEO Trends in 2024 - Banyanbrain DigitalMajor SEO Trends in 2024 - Banyanbrain Digital
Major SEO Trends in 2024 - Banyanbrain DigitalBanyanbrain
 
What is Google Search Console and What is it provide?
What is Google Search Console and What is it provide?What is Google Search Console and What is it provide?
What is Google Search Console and What is it provide?riteshhsociall
 
Google 3rd-Party Cookie Deprecation [Update] + 5 Best Strategies
Google 3rd-Party Cookie Deprecation [Update] + 5 Best StrategiesGoogle 3rd-Party Cookie Deprecation [Update] + 5 Best Strategies
Google 3rd-Party Cookie Deprecation [Update] + 5 Best StrategiesSearch Engine Journal
 
Uncover Insightful User Journey Secrets Using GA4 Reports
Uncover Insightful User Journey Secrets Using GA4 ReportsUncover Insightful User Journey Secrets Using GA4 Reports
Uncover Insightful User Journey Secrets Using GA4 ReportsVWO
 
The+State+of+Careers+In+Retention+Marketing-2.pdf
The+State+of+Careers+In+Retention+Marketing-2.pdfThe+State+of+Careers+In+Retention+Marketing-2.pdf
The+State+of+Careers+In+Retention+Marketing-2.pdfSocial Samosa
 
W.H.Bender Quote 61 -Influential restaurant and food service industry network...
W.H.Bender Quote 61 -Influential restaurant and food service industry network...W.H.Bender Quote 61 -Influential restaurant and food service industry network...
W.H.Bender Quote 61 -Influential restaurant and food service industry network...William (Bill) H. Bender, FCSI
 
Alpha Media March 2024 Buyers Guide.pptx
Alpha Media March 2024 Buyers Guide.pptxAlpha Media March 2024 Buyers Guide.pptx
Alpha Media March 2024 Buyers Guide.pptxDave McCallum
 
Situation Analysis | Management Company.
Situation Analysis | Management Company.Situation Analysis | Management Company.
Situation Analysis | Management Company.DanielaQuiroz63
 
Kraft Mac and Cheese campaign presentation
Kraft Mac and Cheese campaign presentationKraft Mac and Cheese campaign presentation
Kraft Mac and Cheese campaign presentationtbatkhuu1
 
Five Essential Tools for International SEO - Natalia Witczyk - SearchNorwich 15
Five Essential Tools for International SEO - Natalia Witczyk - SearchNorwich 15Five Essential Tools for International SEO - Natalia Witczyk - SearchNorwich 15
Five Essential Tools for International SEO - Natalia Witczyk - SearchNorwich 15SearchNorwich
 

Último (20)

Brand Strategy Master Class - Juntae DeLane
Brand Strategy Master Class - Juntae DeLaneBrand Strategy Master Class - Juntae DeLane
Brand Strategy Master Class - Juntae DeLane
 
Brand experience Peoria City Soccer Presentation.pdf
Brand experience Peoria City Soccer Presentation.pdfBrand experience Peoria City Soccer Presentation.pdf
Brand experience Peoria City Soccer Presentation.pdf
 
FULL ENJOY Call Girls In Majnu.Ka.Tilla Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Majnu.Ka.Tilla Delhi Contact Us 8377877756FULL ENJOY Call Girls In Majnu.Ka.Tilla Delhi Contact Us 8377877756
FULL ENJOY Call Girls In Majnu.Ka.Tilla Delhi Contact Us 8377877756
 
Major SEO Trends in 2024 - Banyanbrain Digital
Major SEO Trends in 2024 - Banyanbrain DigitalMajor SEO Trends in 2024 - Banyanbrain Digital
Major SEO Trends in 2024 - Banyanbrain Digital
 
What is Google Search Console and What is it provide?
What is Google Search Console and What is it provide?What is Google Search Console and What is it provide?
What is Google Search Console and What is it provide?
 
The Future of Brands on LinkedIn - Alison Kaltman
The Future of Brands on LinkedIn - Alison KaltmanThe Future of Brands on LinkedIn - Alison Kaltman
The Future of Brands on LinkedIn - Alison Kaltman
 
SEO Master Class - Steve Wiideman, Wiideman Consulting Group
SEO Master Class - Steve Wiideman, Wiideman Consulting GroupSEO Master Class - Steve Wiideman, Wiideman Consulting Group
SEO Master Class - Steve Wiideman, Wiideman Consulting Group
 
Google 3rd-Party Cookie Deprecation [Update] + 5 Best Strategies
Google 3rd-Party Cookie Deprecation [Update] + 5 Best StrategiesGoogle 3rd-Party Cookie Deprecation [Update] + 5 Best Strategies
Google 3rd-Party Cookie Deprecation [Update] + 5 Best Strategies
 
Uncover Insightful User Journey Secrets Using GA4 Reports
Uncover Insightful User Journey Secrets Using GA4 ReportsUncover Insightful User Journey Secrets Using GA4 Reports
Uncover Insightful User Journey Secrets Using GA4 Reports
 
Pillar-Based Marketing Master Class - Ryan Brock
Pillar-Based Marketing Master Class - Ryan BrockPillar-Based Marketing Master Class - Ryan Brock
Pillar-Based Marketing Master Class - Ryan Brock
 
The+State+of+Careers+In+Retention+Marketing-2.pdf
The+State+of+Careers+In+Retention+Marketing-2.pdfThe+State+of+Careers+In+Retention+Marketing-2.pdf
The+State+of+Careers+In+Retention+Marketing-2.pdf
 
SEO for Revenue, Grow Your Business, Not Just Your Rankings - Dale Bertrand
SEO for Revenue, Grow Your Business, Not Just Your Rankings - Dale BertrandSEO for Revenue, Grow Your Business, Not Just Your Rankings - Dale Bertrand
SEO for Revenue, Grow Your Business, Not Just Your Rankings - Dale Bertrand
 
W.H.Bender Quote 61 -Influential restaurant and food service industry network...
W.H.Bender Quote 61 -Influential restaurant and food service industry network...W.H.Bender Quote 61 -Influential restaurant and food service industry network...
W.H.Bender Quote 61 -Influential restaurant and food service industry network...
 
Navigating the SEO of Tomorrow, Competitive Benchmarking, China as an e-Comme...
Navigating the SEO of Tomorrow, Competitive Benchmarking, China as an e-Comme...Navigating the SEO of Tomorrow, Competitive Benchmarking, China as an e-Comme...
Navigating the SEO of Tomorrow, Competitive Benchmarking, China as an e-Comme...
 
Alpha Media March 2024 Buyers Guide.pptx
Alpha Media March 2024 Buyers Guide.pptxAlpha Media March 2024 Buyers Guide.pptx
Alpha Media March 2024 Buyers Guide.pptx
 
Foundation First - Why Your Website and Content Matters - David Pisarek
Foundation First - Why Your Website and Content Matters - David PisarekFoundation First - Why Your Website and Content Matters - David Pisarek
Foundation First - Why Your Website and Content Matters - David Pisarek
 
Situation Analysis | Management Company.
Situation Analysis | Management Company.Situation Analysis | Management Company.
Situation Analysis | Management Company.
 
Kraft Mac and Cheese campaign presentation
Kraft Mac and Cheese campaign presentationKraft Mac and Cheese campaign presentation
Kraft Mac and Cheese campaign presentation
 
Five Essential Tools for International SEO - Natalia Witczyk - SearchNorwich 15
Five Essential Tools for International SEO - Natalia Witczyk - SearchNorwich 15Five Essential Tools for International SEO - Natalia Witczyk - SearchNorwich 15
Five Essential Tools for International SEO - Natalia Witczyk - SearchNorwich 15
 
How to Create a Social Media Plan Like a Pro - Jordan Scheltgen
How to Create a Social Media Plan Like a Pro - Jordan ScheltgenHow to Create a Social Media Plan Like a Pro - Jordan Scheltgen
How to Create a Social Media Plan Like a Pro - Jordan Scheltgen
 

Useful Considerations for Responsive Web Design - Position2 blog

  • 1. Useful Considerations for Responsive Web Design July 16, 2014 | By Team Position² Mobile internet penetration is growing at an exponential rate. According to a recent eMarketer study, four out of five global Internet users in 2014 are mobile web users. So, what does this growth rate mean to the online world?  Mobile will become an essential platform for marketing in the digital world  Website rendering across different mobile devices will assume significance  Mobile friendly designs will be key to enhance user experience  Optimizing for mobile will be an added advantage Let us now look into two important actualities: having a mobile friendly site and optimizing the same. As we talk of mobile friendly websites, a key aspect on the priority list is responsiveness. So, what is Responsive Web Design (RWD)? A responsive site is one which adapts to its surrounding environment and caters to users browsing with different device resolutions. As Jeffrey Veen of Adobe says, “Responsive web design represents a fundamental shift in how we‟ll build websites for the decade to come”. Talking about responsive, one of the top sites we found during the recent football craze was the „Sequence World Cup‟ campaign created by Sequence Agency, UK.
  • 2. Having understood the importance of RWD, you need to look at three key considerations while making any website responsive: 1. Design considerations The first thing that comes to mind while designing for responsiveness is whether to have a single site or multiple sites for desktop and mobile. Web designers need to decide if they need a single site and how information will flow across the web and mobile. Among these options, responsive sites occupy first place, followed by apps for mobile users which take user personas into consideration. Other technical considerations which have been widely discussed include flexible images, grid foundation and media queries. A combination of these three makes a site responsive. 2. Performance considerations The general perception has been that responsive sites take more time to load. Ever since Ethan Marcotte introduced the concept of responsive web, designers are trying out methods to improve performance and the following are some tips on the same:  Serving images on Content Delivery Networks (CDNs) instead of servers and also making the images smaller  Using Javacripts as the image loading technique (the „noscript‟ technique)
  • 3.  Using conditional loading and other CSS tricks that help improve performance. Online tools like Google Page Speed Tools help make performance better. This should be backed by tests at regular intervals. 3. Optimization considerations While the above two considerations improve the user experience and performance of the website, it is important for a marketer to have the site optimized for search since there is always a correlation between RWD and website experience. Responsive web and SEO go hand-in-hand. Google support for RWD-enabled websites and search engines catering to users‟ requirements for all screen resolutions makes it important to optimize websites based on RWD. Usability is one key area that Google looks at while ranking websites. RWD helps users reach the right type of content across browsers. Content strategy combined with keyword research and analysis merits close attention. The right balance of short and long tail, and geo-specific keywords with the right density should be considered. Having the right blend of content for mobile sites is the winning point for mobile SEO. Mobile sites mean less content and the right way to optimize less content is to have only the most necessary part of the content on your mobile site. Site structure and internal linking should not be neglected. A deep level of interlinks going up to 2-3 clicks helps leverage SEO value. Higher level pages should be cross- linked properly. Google has in fact recommended use of RWD and said that websites optimized for mobile will be looked at with authority by search bots. With Google giving higher importance to Usability (UX), a responsive site with the basics of SEO covered should help cater to a mobile audience as well.
  • 4. In the end, it‟s all about providing a quality experience – be it on a desktop or on mobile. Go responsive & stay updated! Contributed by Chetan Rajasekaraiah, Senior SEO Specialist, SEO team