SlideShare une entreprise Scribd logo
1  sur  4
Télécharger pour lire hors ligne
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

Contenu connexe

Plus 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
 

Plus 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
 

Dernier

Kraft Mac and Cheese campaign presentation
Kraft Mac and Cheese campaign presentationKraft Mac and Cheese campaign presentation
Kraft Mac and Cheese campaign presentationtbatkhuu1
 
Cash payment girl 9257726604 Hand ✋ to Hand over girl
Cash payment girl 9257726604 Hand ✋ to Hand over girlCash payment girl 9257726604 Hand ✋ to Hand over girl
Cash payment girl 9257726604 Hand ✋ to Hand over girlCall girl Jaipur
 
Instant Digital Issuance: An Overview With Critical First Touch Best Practices
Instant Digital Issuance: An Overview With Critical First Touch Best PracticesInstant Digital Issuance: An Overview With Critical First Touch Best Practices
Instant Digital Issuance: An Overview With Critical First Touch Best PracticesMedia Logic
 
BDSM⚡Call Girls in Sector 144 Noida Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Sector 144 Noida Escorts >༒8448380779 Escort ServiceBDSM⚡Call Girls in Sector 144 Noida Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Sector 144 Noida Escorts >༒8448380779 Escort ServiceDelhi Call girls
 
BDSM⚡Call Girls in Sector 150 Noida Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Sector 150 Noida Escorts >༒8448380779 Escort ServiceBDSM⚡Call Girls in Sector 150 Noida Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Sector 150 Noida Escorts >༒8448380779 Escort ServiceDelhi Call girls
 
Brand experience Dream Center Peoria Presentation.pdf
Brand experience Dream Center Peoria Presentation.pdfBrand experience Dream Center Peoria Presentation.pdf
Brand experience Dream Center Peoria Presentation.pdftbatkhuu1
 
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
 
BDSM⚡Call Girls in Sector 128 Noida Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Sector 128 Noida Escorts >༒8448380779 Escort ServiceBDSM⚡Call Girls in Sector 128 Noida Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Sector 128 Noida Escorts >༒8448380779 Escort ServiceDelhi Call girls
 
Situation Analysis | Management Company.
Situation Analysis | Management Company.Situation Analysis | Management Company.
Situation Analysis | Management Company.DanielaQuiroz63
 
personal branding kit for music business
personal branding kit for music businesspersonal branding kit for music business
personal branding kit for music businessbrjohnson6
 
The Science of Landing Page Messaging.pdf
The Science of Landing Page Messaging.pdfThe Science of Landing Page Messaging.pdf
The Science of Landing Page Messaging.pdfVWO
 

Dernier (20)

Kraft Mac and Cheese campaign presentation
Kraft Mac and Cheese campaign presentationKraft Mac and Cheese campaign presentation
Kraft Mac and Cheese campaign presentation
 
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
 
Cash payment girl 9257726604 Hand ✋ to Hand over girl
Cash payment girl 9257726604 Hand ✋ to Hand over girlCash payment girl 9257726604 Hand ✋ to Hand over girl
Cash payment girl 9257726604 Hand ✋ to Hand over girl
 
Instant Digital Issuance: An Overview With Critical First Touch Best Practices
Instant Digital Issuance: An Overview With Critical First Touch Best PracticesInstant Digital Issuance: An Overview With Critical First Touch Best Practices
Instant Digital Issuance: An Overview With Critical First Touch Best Practices
 
Chat GPT Master Class - Leslie Hughes, PUNCH Media
Chat GPT Master Class - Leslie Hughes, PUNCH MediaChat GPT Master Class - Leslie Hughes, PUNCH Media
Chat GPT Master Class - Leslie Hughes, PUNCH Media
 
BDSM⚡Call Girls in Sector 144 Noida Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Sector 144 Noida Escorts >༒8448380779 Escort ServiceBDSM⚡Call Girls in Sector 144 Noida Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Sector 144 Noida Escorts >༒8448380779 Escort Service
 
BDSM⚡Call Girls in Sector 150 Noida Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Sector 150 Noida Escorts >༒8448380779 Escort ServiceBDSM⚡Call Girls in Sector 150 Noida Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Sector 150 Noida Escorts >༒8448380779 Escort Service
 
Riding the Wave of AI Disruption - Navigating the AI Fear Cycle in Marketing ...
Riding the Wave of AI Disruption - Navigating the AI Fear Cycle in Marketing ...Riding the Wave of AI Disruption - Navigating the AI Fear Cycle in Marketing ...
Riding the Wave of AI Disruption - Navigating the AI Fear Cycle in Marketing ...
 
Brand experience Dream Center Peoria Presentation.pdf
Brand experience Dream Center Peoria Presentation.pdfBrand experience Dream Center Peoria Presentation.pdf
Brand experience Dream Center Peoria Presentation.pdf
 
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
 
A.I. and The Social Media Shift - Mohit Rajhans
A.I. and The Social Media Shift - Mohit RajhansA.I. and The Social Media Shift - Mohit Rajhans
A.I. and The Social Media Shift - Mohit Rajhans
 
Campfire Stories - Matching Content to Audience Context - Ryan Brock
Campfire Stories - Matching Content to Audience Context - Ryan BrockCampfire Stories - Matching Content to Audience Context - Ryan Brock
Campfire Stories - Matching Content to Audience Context - Ryan Brock
 
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
 
Creator Influencer Strategy Master Class - Corinne Rose Guirgis
Creator Influencer Strategy Master Class - Corinne Rose GuirgisCreator Influencer Strategy Master Class - Corinne Rose Guirgis
Creator Influencer Strategy Master Class - Corinne Rose Guirgis
 
Brand Strategy Master Class - Juntae DeLane
Brand Strategy Master Class - Juntae DeLaneBrand Strategy Master Class - Juntae DeLane
Brand Strategy Master Class - Juntae DeLane
 
BDSM⚡Call Girls in Sector 128 Noida Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Sector 128 Noida Escorts >༒8448380779 Escort ServiceBDSM⚡Call Girls in Sector 128 Noida Escorts >༒8448380779 Escort Service
BDSM⚡Call Girls in Sector 128 Noida Escorts >༒8448380779 Escort Service
 
Situation Analysis | Management Company.
Situation Analysis | Management Company.Situation Analysis | Management Company.
Situation Analysis | Management Company.
 
personal branding kit for music business
personal branding kit for music businesspersonal branding kit for music business
personal branding kit for music business
 
Top 5 Breakthrough AI Innovations Elevating Content Creation and Personalizat...
Top 5 Breakthrough AI Innovations Elevating Content Creation and Personalizat...Top 5 Breakthrough AI Innovations Elevating Content Creation and Personalizat...
Top 5 Breakthrough AI Innovations Elevating Content Creation and Personalizat...
 
The Science of Landing Page Messaging.pdf
The Science of Landing Page Messaging.pdfThe Science of Landing Page Messaging.pdf
The Science of Landing Page Messaging.pdf
 

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