ItayXD

tooltips are used to present a tiny amount of hidden content (mainly explanatory, so-called tips), that pops up when user moves a cursor over or clicks (less common) on a special target.
<h3>Key Features</h3>
<ul>
<li>It’s responsive. It relies on a maximum width value when viewed on large screens, adopts to narrow environments and picks the best viewable position relatively to the target (top, bottom; left, center, right).</li>
<li>It’s mobile-friendly. It pops up when a call-to-action button is tapped and disappears when tapped on the tooltip itself.</li>
<li>It’s HTML formatting capable. Need to write some words in italic or so? No problem, this will work out.</li>
<li>It’s extremely easy to use: A tooltip button in added to the default WordPress editor, all you have to do it click it and fill the pop-up dialog, the rest is taken care of automatically.</li>
</ul>
<h3>Advance</h3>
<ul>
<li>The button adds a WordPress short-code, if you want the tip to be HTML formated (avoid block level elements) you can just wrap it with [tooltip tip=””][/tooltip] in tinyMCE.</li>
<li>You can also assign the attribute rel=”tooltip” and title=”Enter your tip here” to any of body tags in HTML file where you want the tooltip to pop up when called.</li>
<li>You can change the pop-up look by editing responsive-tooltip.css. change it to what ever suits your website best!</li>
</ul>

Responsive Mobile-Friendly Tooltip

A WordPress plugin that helps you create responsive and mobile-friendly tooltip to present tiny amount of hidden content - the tip.

M Asif Rahman

Md Jahidul Islam

Mobile is important, now about 40% of Google Search coming from mobile device. Google is very serious about Mobile now.
Starting April 21, 2015 Google Search will be expanding its use of mobile-friendliness as a ranking signal.
Google described what you need to for your website. If your website has a separate m.domain.com type site this plugin will take care of Google’s recommendation, described <a href="https://developers.google.com/webmasters/mobile-sites/mobile-seo/configurations/separate-urls?hl=en" rel="nofollow ugc">here</a>.
This is very simple plugin without any setting or configuartion. It assumes your desktop and mobile site url is same just mobile site is on a subdomain “m”, it adds the following tags
<pre><code><link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/page-1" >

<link rel="alternate" media="handheld" href="http://m.example.com/page-1" >
</code></pre>
<a href="https://www.google.com/webmasters/tools/mobile-friendly/" rel="nofollow ugc">Take Mobile-Friendly Test</a>
Check Our Other Plugins:
<ul>
<li><a href="https://wordpress.org/plugins/twitter-cards-meta/" rel="ugc">Twitter Cards Meta</a> </li>
<li><a href="https://wordpress.org/plugins/facebook-secret-meta/" rel="ugc">Facebook Secret Meta</a> </li>
<li><a href="https://wordpress.org/plugins/wp-author-report-free/" rel="ugc">WP Author Report Free</a> </li>
<li><a href="https://wordpress.org/plugins/wp-analytify/" rel="ugc">Analytify – Ultimate Google Analytics Dashboard</a></li>
<li><a href="https://wordpress.org/plugins/wp-scheduled-posts/" rel="ugc">WP Scheduled Posts</a></li>
</ul>
<h3>Donation</h3>
Check our other plugin
http://wpdeveloper.net/

Alternate Mobile Tag

Mobile is important, now about 40% of Google Search coming from mobile device. Google is very serious about Mobile now.

Responsive Mobile-Friendly Tooltip vs Alternate Mobile Tag