SlideShare ist ein Scribd-Unternehmen logo
1 von 4
Downloaden Sie, um offline zu lesen
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

Weitere ähnliche Inhalte

Mehr von 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
 

Mehr von 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
 

Kürzlich hochgeladen

Fiverr's Product Marketing Interview Assignment
Fiverr's Product Marketing Interview AssignmentFiverr's Product Marketing Interview Assignment
Fiverr's Product Marketing Interview AssignmentFarrel Brest
 
A Comprehensive Guide to Technical SEO | Banyanbrain
A Comprehensive Guide to Technical SEO | BanyanbrainA Comprehensive Guide to Technical SEO | Banyanbrain
A Comprehensive Guide to Technical SEO | BanyanbrainBanyanbrain
 
What’s the difference between Affiliate Marketing and Brand Partnerships?
What’s the difference between Affiliate Marketing and Brand Partnerships?What’s the difference between Affiliate Marketing and Brand Partnerships?
What’s the difference between Affiliate Marketing and Brand Partnerships?Partnercademy
 
Fueling A_B experiments with behavioral insights (1).pdf
Fueling A_B experiments with behavioral insights (1).pdfFueling A_B experiments with behavioral insights (1).pdf
Fueling A_B experiments with behavioral insights (1).pdfVWO
 
SEO and Digital PR - How to Connect Your Teams to Maximise Success
SEO and Digital PR - How to Connect Your Teams to Maximise SuccessSEO and Digital PR - How to Connect Your Teams to Maximise Success
SEO and Digital PR - How to Connect Your Teams to Maximise SuccessLiv Day
 
Common Culture: Paul Willis Symbolic Creativity
Common Culture: Paul Willis Symbolic CreativityCommon Culture: Paul Willis Symbolic Creativity
Common Culture: Paul Willis Symbolic CreativityMonishka Adhikari
 
Introduction to marketing Management Notes
Introduction to marketing Management NotesIntroduction to marketing Management Notes
Introduction to marketing Management NotesKiranTiwari42
 
top marketing posters - Fresh Spar Technologies - Manojkumar C
top marketing posters - Fresh Spar Technologies - Manojkumar Ctop marketing posters - Fresh Spar Technologies - Manojkumar C
top marketing posters - Fresh Spar Technologies - Manojkumar CManojkumar C
 
The Evolution of Internet : How consumers use technology and its impact on th...
The Evolution of Internet : How consumers use technology and its impact on th...The Evolution of Internet : How consumers use technology and its impact on th...
The Evolution of Internet : How consumers use technology and its impact on th...sowmyrao14
 
Best digital marketing e-book form bignners
Best digital marketing e-book form bignnersBest digital marketing e-book form bignners
Best digital marketing e-book form bignnersmuntasibkhan58
 
Digital Marketing in 5G Era - Digital Transformation in 5G Age
Digital Marketing in 5G Era - Digital Transformation in 5G AgeDigital Marketing in 5G Era - Digital Transformation in 5G Age
Digital Marketing in 5G Era - Digital Transformation in 5G AgeDigiKarishma
 
15 Tactics to Scale Your Trade Show Marketing Strategy
15 Tactics to Scale Your Trade Show Marketing Strategy15 Tactics to Scale Your Trade Show Marketing Strategy
15 Tactics to Scale Your Trade Show Marketing StrategyBlue Atlas Marketing
 
Codes and Conventions of Film Magazine Websites.pptx
Codes and Conventions of Film Magazine Websites.pptxCodes and Conventions of Film Magazine Websites.pptx
Codes and Conventions of Film Magazine Websites.pptxGeorgeCulica
 
Infographics about SEO strategies and uses
Infographics about SEO strategies and usesInfographics about SEO strategies and uses
Infographics about SEO strategies and usesbhavanirupeshmoksha
 
Research and Discovery Tools for Experimentation - 17 Apr 2024 - v 2.3 (1).pdf
Research and Discovery Tools for Experimentation - 17 Apr 2024 - v 2.3 (1).pdfResearch and Discovery Tools for Experimentation - 17 Apr 2024 - v 2.3 (1).pdf
Research and Discovery Tools for Experimentation - 17 Apr 2024 - v 2.3 (1).pdfVWO
 
Exploring The World Of Adult Ad Networks.pdf
Exploring The World Of Adult Ad Networks.pdfExploring The World Of Adult Ad Networks.pdf
Exploring The World Of Adult Ad Networks.pdfadult marketing
 
Prezentare Brandfluence 2023 - Social Media Trends
Prezentare Brandfluence 2023 - Social Media TrendsPrezentare Brandfluence 2023 - Social Media Trends
Prezentare Brandfluence 2023 - Social Media TrendsCristian Manafu
 
social media optimization complete indroduction
social media optimization complete indroductionsocial media optimization complete indroduction
social media optimization complete indroductioninfoshraddha747
 
Most Impressive Construction Leaders in Tech, Making Waves in the Industry, 2...
Most Impressive Construction Leaders in Tech, Making Waves in the Industry, 2...Most Impressive Construction Leaders in Tech, Making Waves in the Industry, 2...
Most Impressive Construction Leaders in Tech, Making Waves in the Industry, 2...CIO Business World
 
From Chance to Choice - Tactical Link Building for International SEO
From Chance to Choice - Tactical Link Building for International SEOFrom Chance to Choice - Tactical Link Building for International SEO
From Chance to Choice - Tactical Link Building for International SEOSzymon Słowik
 

Kürzlich hochgeladen (20)

Fiverr's Product Marketing Interview Assignment
Fiverr's Product Marketing Interview AssignmentFiverr's Product Marketing Interview Assignment
Fiverr's Product Marketing Interview Assignment
 
A Comprehensive Guide to Technical SEO | Banyanbrain
A Comprehensive Guide to Technical SEO | BanyanbrainA Comprehensive Guide to Technical SEO | Banyanbrain
A Comprehensive Guide to Technical SEO | Banyanbrain
 
What’s the difference between Affiliate Marketing and Brand Partnerships?
What’s the difference between Affiliate Marketing and Brand Partnerships?What’s the difference between Affiliate Marketing and Brand Partnerships?
What’s the difference between Affiliate Marketing and Brand Partnerships?
 
Fueling A_B experiments with behavioral insights (1).pdf
Fueling A_B experiments with behavioral insights (1).pdfFueling A_B experiments with behavioral insights (1).pdf
Fueling A_B experiments with behavioral insights (1).pdf
 
SEO and Digital PR - How to Connect Your Teams to Maximise Success
SEO and Digital PR - How to Connect Your Teams to Maximise SuccessSEO and Digital PR - How to Connect Your Teams to Maximise Success
SEO and Digital PR - How to Connect Your Teams to Maximise Success
 
Common Culture: Paul Willis Symbolic Creativity
Common Culture: Paul Willis Symbolic CreativityCommon Culture: Paul Willis Symbolic Creativity
Common Culture: Paul Willis Symbolic Creativity
 
Introduction to marketing Management Notes
Introduction to marketing Management NotesIntroduction to marketing Management Notes
Introduction to marketing Management Notes
 
top marketing posters - Fresh Spar Technologies - Manojkumar C
top marketing posters - Fresh Spar Technologies - Manojkumar Ctop marketing posters - Fresh Spar Technologies - Manojkumar C
top marketing posters - Fresh Spar Technologies - Manojkumar C
 
The Evolution of Internet : How consumers use technology and its impact on th...
The Evolution of Internet : How consumers use technology and its impact on th...The Evolution of Internet : How consumers use technology and its impact on th...
The Evolution of Internet : How consumers use technology and its impact on th...
 
Best digital marketing e-book form bignners
Best digital marketing e-book form bignnersBest digital marketing e-book form bignners
Best digital marketing e-book form bignners
 
Digital Marketing in 5G Era - Digital Transformation in 5G Age
Digital Marketing in 5G Era - Digital Transformation in 5G AgeDigital Marketing in 5G Era - Digital Transformation in 5G Age
Digital Marketing in 5G Era - Digital Transformation in 5G Age
 
15 Tactics to Scale Your Trade Show Marketing Strategy
15 Tactics to Scale Your Trade Show Marketing Strategy15 Tactics to Scale Your Trade Show Marketing Strategy
15 Tactics to Scale Your Trade Show Marketing Strategy
 
Codes and Conventions of Film Magazine Websites.pptx
Codes and Conventions of Film Magazine Websites.pptxCodes and Conventions of Film Magazine Websites.pptx
Codes and Conventions of Film Magazine Websites.pptx
 
Infographics about SEO strategies and uses
Infographics about SEO strategies and usesInfographics about SEO strategies and uses
Infographics about SEO strategies and uses
 
Research and Discovery Tools for Experimentation - 17 Apr 2024 - v 2.3 (1).pdf
Research and Discovery Tools for Experimentation - 17 Apr 2024 - v 2.3 (1).pdfResearch and Discovery Tools for Experimentation - 17 Apr 2024 - v 2.3 (1).pdf
Research and Discovery Tools for Experimentation - 17 Apr 2024 - v 2.3 (1).pdf
 
Exploring The World Of Adult Ad Networks.pdf
Exploring The World Of Adult Ad Networks.pdfExploring The World Of Adult Ad Networks.pdf
Exploring The World Of Adult Ad Networks.pdf
 
Prezentare Brandfluence 2023 - Social Media Trends
Prezentare Brandfluence 2023 - Social Media TrendsPrezentare Brandfluence 2023 - Social Media Trends
Prezentare Brandfluence 2023 - Social Media Trends
 
social media optimization complete indroduction
social media optimization complete indroductionsocial media optimization complete indroduction
social media optimization complete indroduction
 
Most Impressive Construction Leaders in Tech, Making Waves in the Industry, 2...
Most Impressive Construction Leaders in Tech, Making Waves in the Industry, 2...Most Impressive Construction Leaders in Tech, Making Waves in the Industry, 2...
Most Impressive Construction Leaders in Tech, Making Waves in the Industry, 2...
 
From Chance to Choice - Tactical Link Building for International SEO
From Chance to Choice - Tactical Link Building for International SEOFrom Chance to Choice - Tactical Link Building for International SEO
From Chance to Choice - Tactical Link Building for International SEO
 

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