Upload
asad-ali
View
82
Download
1
Embed Size (px)
Citation preview
HOW TO MAKE
YOUR WEBSITE
RESPONSIVE
Hello!I am Asad Ali from
Go-GulfI am here to tell you that how you can
make your website responsive?
Do you know that?
A lot of websites got effected from Google
Mobile Friendly Update that is rolled out on
21th April, 2015.
“
The biggest example is Reddit, a
popular news providing website that is
severly effected from this update.
Mobile Friendly Test for Reddit
Losers of Mobile Friendly Update
■ According to searchmetrics analysis, some
websites lost ranks due to this update.
Winners of Mobile Friendly Update
■ According to searchmetrics analysis, some
websites got ranking boost.
Why Mobile Friendly?
Website should be mobile friendly because
■ About 50% searches come from mobiles.
It means that Google don’t show your
website to 50% of your website
visitors.That is definitely a big loss.
BIG LOSSIn case you website is not mobile friendly
or non-responsive.
Real Time UpdateThis Google update acts in
real time i.e. When your
website indexed, ranks will
be effected at that time.
Page by Page
AnalysisIt is page by page update
i.e. Google will check each
and every page of your
website for responsive
behaviour.
Important points to know about
Algorithm EffectThis Google Mobile
Friendly algorithm
only effects your
ranks when searched
through mobile.
Partial Vs full
responsive pageIf some blocks of
your page is
responsive while the
others are not, then
the page will be
considered non-
responsive.
Severity LevelSeverity level of this
update is bigger than
Google Panda and
Penguin.
Important points to know about
How to Check Page by Page Responsiveness
Google Mobile Friendly
Test tool only provides
results for home page, if
you want to test that
whether all pages are
responsive or not, I am
mentioning here 3 ways.
How to Check Page by Page Responsiveness
■In Google Analytics, pages whose traffic
is lowring down, the possible reason may
be their non-responsvie behaviour.
■Go to webmaster tools of your website
and check for mobile usability option.
Want automatic checking for
responsiveness?Use any of the SEO Websites audit tools like SEMRUSH,
HubSpot, Keynote, mobify, screenfly etc.
How to make your website responsive?
There are several ways to make your
website responsive. Some recommended
solution are given in steps.
Step 1 : Allow indexing for Javascript
Allow Googlebot to crawl CSS, image files and
Javascript of your website. Edit your robot.txt
file for allowing this permission.
Step 2 : Remove unpalyable content
Remove unplayable content from your website
like videos that requires a pc to play them.
Step 3 : Use Valid Redircts
Make a mobile version of your website such that
when someone access your website from
mobile, your url should redirect to m.myurl.com.
Step 4 : Avoid 404 errors
Avoid 404 errors when visitors comes to your
site from mobile i.e. Redirection should not
result in 404 errors.
Step 5 : Remove advertising banners
Remove the advertising banners and popup
from your website. They are quite annoying for
mobile users and definitely Google will count
them.
Step 6 : Decrease loading time for Mobile
Make sure that loading time for your mobile
sites is minimum. High loading time is a big
hinderence for website ranking.
Step 7 : Use media queries
Use css media query effectively such that your
website automatically adjusts to the screen
size.
Step 8 : Stop cross linking
Don’t cross link a mobile friendly website to its
desktop version or vice versa.
Here two cases arise■Your website has become responsive, wait
for the Google Spider, when it will be
indexed, you ranks will go up.
■Your website is still non-responsive, then It
is better to hire some experts like Go-Gulf
Developers that can make your website
responsive with zero chances of bugs.
.
ULTIMATE
SOLUTIONof this problem is to switch
your theme to responsive one.
For Watching PresentationFor any query contact us at
http://www.go-gulf.ae/
Saeed Tower 1, Office 2406, Sheikh Zayed Road, Dubai