Why is Mobile Site is main?

<!- css starts -> <!- css ends -> ▪ Mobile searches have grown-up four times ever since 2010.

▪ 79 percent of people like better reading product reviews on mobile sites versus non-mobile whereas 63 percent like better mobile sites for purchasing.

▪ 38 percent of Americans use iPhones while 51 percent use Android phones.

You Can Check Your Website it is Mobile Friendly or Not

• Mobile SEO
• Website Software
• References

Mobile-Friendly Test

ANALYZE

Analyzing

0% complete. Cancel

This test will analyze a URL and report if the page has a mobile-friendly design.
Learn more about the mobile-friendly criteria and how it may affect Google's search results by reading our blog post.

• Avoid App Install Interstitials (BETA)

  This page appears to have an app install interstitial that hides a significant amount of content from the user.
  Learn more about our recommendations for interstitials.
  

• Learn more about mobile-friendly pages

  If you're interested in learning more about mobile sites, check out our Webmaster's Mobile Guide or the Principles of Site Design on Web Fundamentals.
  

• Make this page mobile-friendly

  Pick the option that describes how you created this site:
  

  • I used a CMS

    I used software such as WordPress or Joomla.
    Next

  • Someone built this site for me

    I hired someone to build this site and want advice for working with a developer.
    Next

  • I built this site myself

    I built this site myself and understand how to code.
    Next

• Do you use Google Search Console?

  See how many of your pages are mobile-friendly by signing into your Search Console account.
  

• Give feedback

  Encountered an issue with the test? Comments or questions about the results? Post to our discussion group.
  

▪ Tablet and Smartphone users, 88 percent use Smartphone’s for online actions. Tablet users commonly browse and research products while Smartphone users naturally buy products on the go. However, 62 percent of iPad and 56 percent of Android Tablet users spent an average of $250 on consumer products in 2012. This predicts a rising trend in mobile shopping on tablets in the future years.

Step #1: Create a Mobile Subdomain

It is important from an SEO point of view to create a mobile subdomain using your presented website’s domain rather than using a separate one. The link juice earned on your major site is maintained on your mobile site too.

Check with your hosting contributor as some give free subdomains with your hosting package. To create a subdomain one needs to create a CNAME. There are different ways of creating a CNAME record, depending on the DNS provider which is illustrated here.

Your mobile URL must be mobile.yourwebsite.com or m.yourwebsite.com.

Step #2: Add Content to Your Mobile Subdomain

Using an FTP software or with the help of your web developer, move the contents of your original site to your mobile subdomain.

Take away all the XHTML and JavaScript coding as some mobile browsers may only sustain standard HTML.

Remove any flash files on the website as iPhone does not support flash.

Step #3: Detecting the Mobile customer

Your website must understand whether a user is on a mobile device or not and serve the appropriate version of the website.

The following are various methods to detect a mobile user:

▪ Detectmobilebrowsers.com gives an extensive list of mobile browser detection scripts. You can download a script of your option from an array of options, such as Apache, PHP, ASP.NET, and JavaScript and so on. The only thing you need to change in the script is the redirect URL.

▪ Check MIME types in your .htaccess file that is accepted by the user’s browser. This code assists to detect mobile device users and redirects them to the mobile version of your site.

The following is a sample code that can be included in your .htaccess file:

Sample MIME Code

▪ a mobile user be able to detect with the help of JavaScript. This method is execute by detecting the screen width since mobile screens are not wider than 800 pixels, so users can easily be redirected to the mobile version of the site.

The following is the sample code that needs to be included on each of your web pages:

Sample JavaScript Code

▪ if your site is on WordPress, you can use built-in features with a variety of WordPress plugins for mobile sites that help detect mobile users, such as, WPTouch and WordPress Mobile Pack.

▪ If your site is on Drupal, use built-in features in the Drupal plugin for mobiles to detect the mobile user.

▪ If your site is on Joomla, mobilize your desktop site using MobileJoomla.

Step #4: Optimize Your Mobile Website

The graphics and content on the main website need to be minimized in the mobile version for improved usability and optimized speed.

The following are some quick steps to optimize your mobile website:

▪ Work with a single column layout on the mobile style sheet.

▪ enlarge whitespace. Use 'display: none;' on elements of the site that are of least importance.

▪ decrease margins and padding.

▪ eliminate any large background images and use 'display: none;' on any unnecessary content graphics.

▪ Increase font size and use bullet text.

▪ Use 30–40 pixels for buttons on the site.

▪ Use drop-down menus and opt-in or opt-out boxes wherever feasible.

▪ to fit the font size on all screen resolutions you must use a Meta Viewport Tag in the < head >, as shown below:

Meta Viewport Tag

▪ Use top aligned labels on forms reduce the number of fields and pre-fill areas that can be detected on the phone, such as the location via GPS. Read more about optimizing contact forms on mobile devices here.

▪ Place your phone number importantly on the home page and use a click-to-call functionality

▪ Place a link to the desktop version of your website on the mobile version, as shown below:

A Prominent Link to the Main Site from the Mobile Version of the Site

▪ Add vertical scrolling as opposed to horizontal.

▪ Include your address/store locator on the home page.

TITLE Emulator and Rules

What is a Title ?

Title is an element of what makes people make a decision whether to visit your site when it shows top in the search results. Title is frequently used on SERP’s (search engine results pages) to display preview snippets for a given page, and is most important for both SEO and social sharing. The title should contain important keywords to help the search engine determine what the page is on the subject of.

Sample Code for Title Tag

<head>

<title>Example Title</title>

</title>

Sample Formats of Title Tag’s

Primary Keyword - Secondary Keyword | Brand Name

Brand Name - Primary Keyword | Secondary Keyword

Rules for Writing Your TITLE

Google characteristically displays the initial 50-60 characters of a title tag, or as several characters as will fit into a 512-pixel display. If you maintain your titles under 55 characters, you can be able to expect at least 95% of your titles to display properly. Keep in mind that search engines may choose to display a dissimilar title than what you provide in your HTML. Titles in search results may be rewrite to match your brand, the user query, or other consideration.

Title Emulator Tool

Enter your title below to see how it would appear in Google's search results.

Enter Your Full Title Text:

Enter Search Phrase (optional):

This is an example of how your Title Tag will appear in search results

www.example.com/example

This is your page description. The font and size of the description has not changed in the latest redesign. Descriptions get cut off after roughly 160 characters ...

For the most accurate results, view on a desktop browser.

Why Title is Important for SEO

A title tag is the main text so as to describe an online text. Title tag has long been considered one of the most important on-page SEO elements (the most important being on the whole content), and appear in three key places: browsers, search engine results pages, and external websites.

Optimizing Your Titles

For the reason that title tags are such an important part of search engine optimization, implement best practices for title tags makes for an excellent low-effort, high-impact SEO task. Here are serious recommendations for optimizing title tags for search engine and usability goals:

Be present Mindful of Length and spaces

As declared above, search engines will truncate titles in search results that exceed a certain length. For Google, this length is usually between 50-60 characters, or 512 pixels wide. If the title is too long, engines will show an ellipsis; "..." to point out that a title tag have been cut off. So as to supposed, length is not a hard and fast rule. Longer titles often work enhanced for social sharing, and many SEOs consider search engines may use the keywords in your title tag intended for ranking purposes, even if folks keywords get cut off in search results. In the end, it's usually improved to write a great title that converts and get clicks than it is to obsess over length.

Leverage Branding

Many SEO firms suggest using the brand name by the end of a title tag instead, and there are epoch when this can be a better approach. The make different factor is the strength and awareness of the brand in the objective market. If a brand is well-known enough to make dissimilarity in click-through rates in search results, the brand name should be first. If the brand is less recognized or related than the keyword, the keyword should be first.

Consider Readability and Emotional Impact

Creating a dynamic title tag will pull in extra visits from the search results. It's very important to imagine about the whole user experience when you're creating your title tags, in adding to optimization and keyword usage. The title tag is a new visitor's foremost communication with your brand when they find it in a search result; it should suggest the most positive message probable.