, ,

How to Score 100/100 in Google PageSpeed Insights with WordPress

How Important is Google PageSpeed Insights?

Google PageSpeed Insights is a web performance tool created by Google to help you easily identify ways to make your site faster and more mobile-friendly, by following recommendations on best web practices. A very important thing to remember though is that you shouldn’t always obsess over scoring 100/100. This might not even be possible in all scenarios, depending upon how your WordPress site is setup. With a lot of multipurpose themes and sites with dozens of external scripts, you simply will have an almost impossible time trying to achieve a perfect score. Which is perfectly OK.

We recommend looking at the speed of your site, more than the scores. Scores with tools like Pingdom, GTMetrix, and Google PageSpeed Insights can sometimes lead you astray.

Scoring 100/100 on Both Shared Hosting

We thought it would be fun to explore the new Twenty Seventeen theme in WordPress 4.7.4. This is the first default WordPress theme that is aimed at businesses instead of a typical blog, which is exciting! So today we are going to show you how to score that perfect 100/100 on both Desktop and Mobile. We have installed common tools and services that many WordPress sites use, such as Google Analytics, Akismet, Yoast SEO, etc.

While this is a small site, it is a good foundation to at least understand a little bit about how Google PageSpeed Insights works.

How to Score 100/100 in Google PageSpeed Insights with WordPress

100/100 in Google PageSpeed Insights with Shared Host

Our first test site, we have WordPress 4.7 with the Twenty Seventeen Theme running on a popular low-budget shared host (Apache). SSL is configured and the following plugins are installed.

  • Yoast SEO
  • Akismet

We also have Google Analytics running within the <body> of our header.php file. The only modification we have made has we added a featured image to the default dummy “Hello world!” blog post. We run our test site through Google PageSpeed Insights and out of the box, we get a 69/100 desktop score and a 58/100 mobile score. So we definitely have some improvements that should be made here. Let’s dig through each one of these to see how we can fix them.

shared-hosting-google-pagespeed-insights

Enable Compression

We will start with desktop first as many of the fixes will also apply for mobile. The very first Google PageSpeed Insights recommendation that we need to fix is the Enable Compression warning.

google-pagespeed-insights-enable-compression

According to Google, to fix this we need to enable Gzip compression. Unfortunately, the shared host doesn’t have this automatically enabled already on their servers, so we have to do it manually.

All modern browsers support and automatically negotiate Gzip compression for all HTTP requests. Enabling Gzip compression can reduce the size of the transferred response by up to 90%, which can significantly reduce the amount of time to download the resource, reduce data usage for the client, and improve the time to first render of your pages.

There are a couple ways you can go about doing this. The first and one of the easiest is by using a caching plugin that supports enabling Gzip. WP Rocket, for example, adds Gzip compression rules in your .htaccess file automatically using the mod_deflate module. W3 Total Cache also has a way to enable this for you under its performance section.

The second way to enable Gzip compression is by editing your .htaccess file.  Most shared hosts use Apache, in which you can simply add the code below to your .htaccess file. You can find your .htaccess file at the root of your WordPress site via FTP.

<IfModule mod_deflate.c>
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4\.0[678] no-gzip
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
</IfModule>
Ensure that you add it below the current contents of your .htaccess file. Example below:
gzip

If you happen to be running on NGINX, simply add this to your nginx.conf file.

36 gzip on;
37 gzip_disable "MSIE [1-6]\.(?!.*SV1)";
38 gzip_vary on;
39 gzip_types text/plain text/css text/javascript application/javascript application/x-javascript;

A tool like  Check Gzip Compression can actually show you how my bytes were saved by enabling Gzip compression. Here is an example below of what we saved on our test site.

gzip

If we run our site through Google PageSpeed Insights again we can see that the Gzip compression warning is now gone and it has raised our desktop score from 69/100 to 80/100 and our mobile score from 58/100 to 67/100.

 google-pagespeed-after-gzip-compression

Optimize Images

The next Google PageSpeed Insights recommendation that we need to fix is the Optimize images warning. Our default “Hello world!” blog post has a featured image which is throwing up this error.

This is a very important and useful warning. According to HTTP Archive, as of November 2016, images made up for on average 65% of a web page total weight. Optimizing your images can be one of the easiest ways to see performance improvements with your WordPress website.

There are a couple ways you can fix this. The first is to use an image optimization plugin. A plugin can actually go through and bulk optimize your entire WordPress media library and also automatically optimize them when you upload them. Below are a few popular image optimization plugins:

Those plugins will fix the issue, or you can also compress them before you upload them in a tool like Adobe Photoshop, Gimp, or Affinity Photo. Below is the featured image that is throwing up that warning. We can compress it beforehand by both scaling it down and lowering the quality. It is best to keep your images as small as possible. This image was originally 2.32 MB, after down-scaling and compression, it is now 99.38 kB. Remember, it is best to upload images at scale and not rely on CSS to resize them. This slows down your site.

compress-image-with-affinity-photo

If we run our site through Google PageSpeed Insights again we can see that the Optimize images warning is now gone and it has raised our desktop score from 80/100 to 88/100 and our mobile score from 67/100 to 73/100. We are making progress!

google-pagespeed-insights-after-image-compression

Eliminate Render-blocking JavaScript and CSS in Above-the-fold Content

The next Google PageSpeed Insights recommendation that we need to fix is the Eliminate render-blocking JavaScript and CSS in above-the-fold content warning.

eliminate-render-blocking-javascript-and-css

When a browser loads a web page, JavaScript and CSS resources usually prevent the web page from being displayed until they are downloaded and processed by the browser. Some resources need to be downloaded and processed before displaying anything. However, many CSS and JavaScript resources are conditional–that is, only applied in specific cases–or are simply not needed to render above-the-fold content. To produce the fastest possible experience for your users, you should try to eliminate any render-blocking resources that aren’t required to display above-the-fold content.

As far as Render-blocking Javascript, Google has three recommendations:

  • If you don’t have a lot of JavaScript, you can inline it to get rid of this warning. You can inline JavaScript with a plugin like Autoptimize. However, this is really only valid for very small sites. Most WordPress sites have enough JavaScript where this could actually slow you down.
  • The second is to load your JavaScript asynchronously. Async Javascript essentially downloads the file during HTML parsing and will cause the HTML parser to execute it when it has finished downloading.
  • The third is to defer your JavaScript. The defer attribute also downloads the file during HTML parsing, but it only executes it after the parsing has completed. Also, scripts with this attribute execute in order of appearance on the page.

In our example, we are going to make our JavaScript load asynchronously. To do this we are going to use a free plugin called Async JavaScript. You can download it from the WordPress repository or search for it within your WordPress dashboard under “Plugins > Add New.” As of writing this it currently has 9,000+ active installs with a 4.2 out of 5-star rating. Essentially the plugin adds the ‘async’ or ‘defer’ attribute to all JavaScript loaded by the WordPress wp_enqueue_script function. The developer also has a premium version available which allows you to choose the scripts you want to async or defer.

Async Example

<script src="file1.js" async></script>

Defer Example

<script src="file1.js" defer></script>

After installing simply go into the settings and enable Async JavaScript.

 async-javascript
And for larger sites the script exclusion can come in handy. Or getting the premium version of the plugin. We won’t need it in this example, but if you have a site with a lot of JavaScript most likely you will end up with things breaking if you simply set everything to Async or Defer. In which case you will need to troubleshoot with which ones you can.
async-exclusions

If you don’t want to use a plugin for this there are a few other alternatives. Such as adding the following code to your functions.php file.

/*function to add async to all scripts*/
function js_async_attr($tag){
# Add async to all remaining scripts
return str_replace( ' src', ' async="async" src', $tag );
}
add_filter( 'script_loader_tag', 'js_async_attr', 10 );
We run our site through Google PageSpeed Insights again and as you can see the Render-blocking JavaScript is now fixed and we are left with the Optimize CSS delivery warning.
optimize-css-delivery

You can see that the first CSS we need to optimize is our Google fonts (fonts.googleapis.com). CSS is by default render-blocking, which includes CSS coming from web fonts. To fix this we are going to install the free Disable Google Fonts plugin. The plugin author, Milan Dinić, just recently updated this to include the new Twenty Seventeen Libre Franklin font. After installing the plugin, your Google Fonts will obviously break. So you will want to head over to Google Fonts and grab the embed code manually. We select the same font weights that are by default included in the Twenty Seventeen theme.

<link href="https://fonts.googleapis.com/css?family=Libre+Franklin:300,300i,400,400i,600,600i,800,800i" rel="stylesheet">
google-fonts-embed
Then you will need to add that to your footer.php file, right before the </body> tag. Note: Doing it this way will result in FOUT, which is what they refer to as flash of un-styled text. But it will also get rid of the render-blocking issue. You should decide on your own site if FOUT is an acceptable user experience for your visitors. You can also use Google’s Web Font Loader.
wordpress-footer-google-font
We run our test site through Google PageSpeed Insights again and now under the Optimize CSS Delivery warning we are only left with one thing, and that is the style.css file.
optimize-css-delivery-query-stringsOne of the easiest ways to fix this is to use a free WordPress plugin called Autoptimize
autoptimize-plugin

This plugin is pretty lightweight, only 176 KB to be exact. As of writing this, it currently has over 200,000 active installs with a 4.7 out of 5-star rating. The plugin helps you with a concatenation of your scripts, minification, expires headers, and the ability to move styles to your header and scripts to your footer. This plugin is fully compatible with the Async JavaScript plugin which was used earlier.

After installing the plugin, click the settings and select “Optimize CSS Code.” Then click the advanced tab and also enable “Aggregate inline CSS” and “Inline All CSS.” Note, depending on what theme you are doing this on, it might not be recommended to use this method. For large sites, inlining can be bad, in which case it would be actually better to simply ignore that particular Google PageSpeed Insights warning. And remember that with HTTP/2, concatenation can sometimes actually slow your site down.

optimize-css-code

We also recommend enabling the optimize HTML code option.

If we run our site through Google PageSpeed Insights again we can see that the Eliminate Render-blocking JavaScript and CSS in the Above-the-fold Content warning is now completely gone! It also fixed the Minify CSS warning which was further below and hadn’t even got to yet. We have raised our desktop score from 88/100 to 92/100 and our mobile score from 73/100 to 89/100. We are almost there.

google-pagespeed-insights-after-JS-CSS-optimization

Leverage Browser Caching

The next Google PageSpeed Insights recommendation that we need to fix is the Leverage browser caching warning. We actually have an entire in-depth post on the leverage browser caching issue, as it pertains to WordPress.

pagespeed-insights-leverage-browser-caching

The most common reason the leverage browser caching warning is triggered is that your web server doesn’t have the appropriate headers in place. In the screenshot above you can see that all of our internal scripts have an expiration is not a specified warning. When it comes to caching there are two primary methods which are used, Cache-Control headers and Expires headers. While the Cache-Control header turns on client-side caching and sets the max-age of a resource, the Expires header is used to specify a specific point in time the resource is no longer valid.

You don’t necessarily need to add both of the headers, as this is a little redundant. Cache-Control is newer and usually the recommended method, however, some web performance tools like GTMetrix still check for Expires headers. These are all examples, you can change file types, expire times, etc. based on your needs. Here are some options below. We are going to simply add expire headers in Apache on our shared host for this tutorial.

Adding Cache-Control Header in Nginx

You can add Cache-Control headers in Nginx by adding the following to your server config’s server location or block.

location ~* \.(js|css|png|jpg|jpeg|gif|ico)$ {
expires 2d;
add_header Cache-Control "public, no-transform";
}

Adding Expires Headers in Nginx

You can add Expires headers in Nginx by adding the following to your server block. In this example, you can see how to specify different expire times based on file types.

location ~* \.(jpg|jpeg|gif|png)$ {
expires 365d;
}
location ~* \.(pdf|css|html|js|swf)$ {
expires 2d;
}

Adding Cache-Control Headers in Apache

You can add Cache-Control headers in Apache by adding the following to your .htaccess file.

<filesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|js|css|swf)$">
Header set Cache-Control "max-age=604800, public"
</filesMatch>

Adding Expires Headers in Apache

You can add Expires headers in Apache by adding the following to your .htaccess file.

## EXPIRES HEADER CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 2 days"
</IfModule>
## EXPIRES HEADER CACHING ##

Remember we enabled Gzip compression earlier? Below is what our .htaccess file below now looks like after also adding the expires headers. We simply place it below the compression block.

expire-headers-example-1

We run our test site through Google PageSpeed Insights again and now under the Leverage browser caching warning we are only left with one thing, and that is our Google Analytic’s script. This is kind of ironic seeing as this is Google’s own script. The issue is that they set a low 2 hour cache time on their asset, as seen in the screenshot below. They most likely do this because if for some reason they were to modify something on there end they want all users to get the changes as fast as possible.  However there is a way to get around this, and that is by hosting Google Analytics script locally. Please be aware though that this is not supported by Google.

leverage-browser-caching-google-analytics

There is a great free little plugin called Complete Analytics Optimization Suite,  which allows you to host Google Analytics locally on your WordPress website.

complete-analytics-optimization-suite

You can download Complete Analytics Optimization Suite from the WordPress repository or by searching for it under “Add New” plugins in your WordPress dashboard. As of writing this the plugin currently has 1,000+ active installs with a 5 out of 5-star rating. The plugin allows you to host your Google Analytics JavaScript file (analytics.js) locally and keep it updated using wp_cron(). Other features include being able to easily anonymize the IP address of your visitors, set an adjusted bounce rate, and placement of the script (header or footer).

Just install the plugin, enter your Google Analytics Tracking ID, and the plugin adds the necessary tracking code for Google Analytics to your WordPress website, downloads and saves the analytics.js file to your server and keeps it updated using a scheduled script in wp_cron(). We recommend also setting it to load in the footer. Note: This plugin won’t work with other Google Analytics WordPress plugins.

local-google-analytics

If we run our site through Google PageSpeed Insights again we can see that the Leverage browser caching warning is now completely gone! And we have raised our desktop score from 92/100 to 97/100 and our mobile score from 89/100 to 96/100. So close we can almost taste it.

pagespeed-insights-after-leverage-browser-caching

Reduce server response time

The next Google PageSpeed Insights recommendation that we need to fix is the Reduce server response time warning. The one and the only reason this is happening is because we are on a slow budget shared hosting plan. The server is not fast and Google knows it. So to fix this we need to implement some type of caching to speed things up. There are a lot of great caching plugins out there. In our example, we are going to be using the free Cache Enabler plugin from the team over at KeyCDN.

As of writing, this Cache Enabler has 10,000+ active installs with a 4.6 out of 5-star rating. It is a lightweight caching plugin for WordPress that makes your website faster by generating static HTML files plus WebP support. There are no settings to enable, simply install and your good to go. This plugin is fully compatible with the Async JavaScript and Autoptimize plugins that were used earlier. If you want even more speed though we do recommend also adding the advanced snippet to bypass PHP.

If we run our site through Google PageSpeed Insights again we can see that the Reduce server response time is now completely gone! And we have raised our desktop score from 97/100 to 99/100 and our mobile score from 96/100 to 99/100. We are about to cross the finish line.

pagespeed-insights-after-response-time-fix

Minify JavaScript

The last Google PageSpeed Insights recommendation that we need to fix is the Minify JavaScript warning.

pagespeed-insights-minify-javascript

To fix this we are actually going to go back into the Autoptimize plugin settings and simply enable the Optimize JavaScript Code option. Since you now have a caching plugin running, you might also need to clear your cache after doing this to see results.

autoptimize-optimize-javascript-code

And that’s it! We have now successfully taken the WordPress Twenty Seventeen theme from 69/100 to 100/100 on both mobile and desktop on a low-budget shared host.

100-100-pagespeed-insights-twenty-seventeen-theme

Here are the mobile scores. We didn’t have to do anything additional for mobile. Getting the desktop version to 100/100 automatically raised our mobile version and user experience scores to 100/100 as well.

100-100-pagespeed-insights-mobile

, ,

Increase AdSense Revenue in 2017

Google AdSense is still the leading ad network for publishers in 2017. With an estimated 33% market share, publishers cannot ignore what AdSense has to offer. Getting approved for AdSense can be difficult. It can also be a challenge to maintain an account without getting banned. That said, using our guide can help you increase AdSense revenue in 2017.

1. Avoid The AdSense Responsive Ad Unit.

The AdSense responsive unit is an attractive option because of its simplicity. However, there is a price to pay for the convenience in lost revenue potential. It is essential that you use a custom ad unit size for all the different screen sizes your website is designed for. We’ve put together a simple javascript code that you can safely implement on your website to replace the responsive ad unit provided by Google.

<script type="text/javascript">
    var width = window.innerWidth || document.documentElement.clientWidth;
    google_ad_client = "ca-publisher-id";
    if (width >= 800) { 
       google_ad_slot = "ad-unit-1"; 
       google_ad_width = 728; 
       google_ad_height = 60; 
    } else if ((width < 800) && (width < 400)) { 
      google_ad_slot = "ad-unit-2"; 
      google_ad_width = 300; 
      google_ad_height = 250; 
    } else { 
      google_ad_slot = "ad-unit-3"; 
      google_ad_width = 468; 
      google_ad_height = 60; 
    } 
</script> 
<script type="text/javascript" 
       src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>

2. Occasionally Rotate Your Placements

Have you noticed that your AdSense RPM tends to decrease over time? This is thanks to a phenomenon known as banner blindness. That’s why even the best test will only yield short-term results. One of the best ways to counter banner blindness is to rotate your placements a few times per month, even if those placements didn’t perform as “optimally” during your initial tests. In the long run, you should generate more revenue through rotations than static placements.

Sometimes instead of changing the actual placement, you can change the skin of your site occasionally so your visitors don’t become accustomed to the design. This way they can’t use tunnel vision to focus only on your content without also noticing the ads. The more your visitors notice your Google AdSense ads, the more you will increase your revenue.

3. Pay Attention to Colors in Text Ads

The majority of AdSense Publishers don’t pay much attention to the theme of the text ads provided by default in your ad units. The crucial mistake is that in general users have become so used to what this style looks like, they rarely even notice them anymore (due again to Banner Blindness).

Here is an example of an AdSense Publisher who understands that making the text ad colors match your website theme will increase the likelihood that the user will click on the ad.

BrightColors

4. Use The Built-In AdSense Experiment Tool

AdSense provides a very simple but powerful experiment tool to test basic variations to your ad units. On some of our websites running AdSense we have seen an over 20% increase in revenue (over a 6 month test period) by testing different text ads only, text ads/banners and banners only. In one case for one website, the text ads only performed significantly better than banner ads/text ad blend.

Increase AdSense Revenue in 2017

Google has put together a fantastic overview of using their experiments tool, you can read more about it here.

5. Leverage Anti Ad-Blocker Solutions to increase AdSense revenue

Ad Blocking technologies are still subject to hot debate and laws regarding them vary country to country, state to state. There are good arguments on both sides. For the user blocking the ad, they have the right to block and/or control any request coming into their network/device. For the website owner, they have spent time and money to build the website and content and have earned the right to generate income and even increase AdSense revenues.

There are several solutions available for publishers that allow you to detect if someone is running AdBlock. These solutions allow you to deny access to your content until Adblock is disabled for your website. This seems to be fair on both sides. The user can agree to view ads if they really want to see the content, and the website owner earns their income from users who have willingly chosen to have ads shown to them.

Some studies have shown that up to website publishers may be missing out on up to 30% of their revenue lost to Ad Blocking scripts.

6. Increase your organic rankings and traffic

Traffic from organic search is considered by advertisers to be the highest quality traffic. The user has strong intent to consume content and serving a highly relevant ad is a good proposition for advertisers. Many website owners, who do very well on social media tend to ignore SEO without considering that their AdSense revenue would increase with organic traffic.

7. Plan high CPC keywords on AdWords Keyword Tool

Using the AdWords Keyword Tool, you can actually see what advertisers are paying for various keywords. Even if your website has a specific niche, there will be keywords within that niche that will pay much higher than others.

We put together a simple example of a blog about cars. When we input cars into the planner tool, and sort by highest CPC.

If you were to write an article about concept cars, you could expect up to $5 (60% of $9) per click for a contextual ad from AdSense. This is a guaranteed way to increase AdSense revenue.

If however, you chose to write an article about the movie cars, you would be more like $0.05 per click.

8. Consider hiring an AdSense optimization specialist

We’ve recently seen an influx of AdSense Partners that use tools to automate the optimization of placements, ad sizes and types and colors. We recommend you review the companies on Google and give them a try. Some of these tools can do a far better job than doing it manually, but you do have to pay for it usually by sharing 10% of your AdSense revenue with the optimization partner. We have seen mixed results, some publishers have performed better using them while others did worse after having to provide the 10% payment. All in all, it’s worth giving it a try.

9. Remove poorer performing Ad Networks

It’s common sense that the more ads you have, the more clicks will be diverted away from your AdSense ads. Often times, you would have been better off only running AdSense ads and removing the rest. This is yet another area that requires testing and tweaking to fully understand. As a rule of thumb, you should put your AdSense ads in the highest positions and your CPM ad networks towards the bottom of your pages.

10. Consider Dropping AdSense All Together!

There are plenty of publishers who have successfully transitioned from AdSense income to affiliate income. It usually requires a niche that has strong affiliate offers. Some examples are web hosting, education, and car loans. If you are willing to take the risk and experiment with offers while not earning any AdSense income, you can earn a huge payoff.

, , ,

7 Best Email Marketing Services for Small Business

Is email marketing a need for your business in 2017? It is safe to say that you are searching for the email promoting programming? Picking the best email promoting administration can significantly affect the accomplishment of your advertising effort. In this article, we will survey the 7 best email advertising services for private ventures.

Why Choosing The Best Email Marketing Service is Important?

Email marketing is one of the most cost-effective marketing tools. It is easy to manage, gives you full control and allows you to establish direct contact with your customers. For more on this topic, see our guide on why you should start building your email list right away.

While you can use OptinMonster to easily get more email subscribers, the actual email delivery part comes down to your email marketing service provider.

If you aren’t careful, then you might end up paying a lot more money for fewer features and terrible deliverability (which causes you to lose even more money).

A good email marketing service enables you to create highly engaging emails. It also allows you to manage your contacts, segment users into groups, and track the performance of your email campaigns.

Most importantly, a good email marketing service ensures that your emails do not end up in the spam folder.

Having said that, let’s take a look at some of the best email marketing service providers and how they stack up against each other.

1. Constant Contact

constant-contact

Constant Contact is one of the largest and fastest growing email marketing services in the world. It is also the easiest to use and beginner friendly email marketing service.

You can easily manage your email lists, contacts, email templates, and more.

Each account gives you access to easy tracking and reporting, built-in social media sharing tools, an image library and 1GB of storage for your own files.

Constant Contact offers unmatched support with live chat, email, community support, and a vast library of resources.

They also offer online training as well as live seminars in your neighborhood. This allows small business to quickly learn the basics of email marketing and start using it like a pro.

For all the reasons above, we rate Constant Contact the best email marketing service for small businesses.

Constant Contact has a 60-day free trial (no credit card required). After that their pricing starts as low as $20/month.

2. AWeber

aweber

AWeber is one of the most popular email marketing service providers in the world. They offer a wide-range of tools for small and medium-sized businesses to manage their email marketing.

Getting started with AWeber is easy. It connects seamlessly to most platforms including WordPress. For detailed instructions, see our ultimate guide on how to connect AWeber to WordPress.

You get access to ready to use email templates, list management, autoresponders, and email tracking with detailed insights.

Support options include live chat, phone support, email support, live webinars, and a vast library of how-tos and tutorials.

AWeber offers a 30-day free trial. After that, their pricing starts from $19/month.

3. ConvertKit

convertkit

ConvertKit is a robust email marketing platform for professional bloggers, authors, and marketers. It is extremely easy to use and incredibly powerful.

ConvertKit allows you to easily offer content upgrades and incentives with email signup forms. It also comes with easy to manage auto-responders allowing you to send drip emails.

With ConvertKit, you can easily segment contacts into those who are interested and those who have already purchased. This is great for marketing automation.

ConvertKit offers email based support and has an extensive knowledge base with great learning material.

Pricing for ConvertKit plans starts from $29/month with a 30-day refund policy.

4. GetResponse

getresponse

GetResponse is a hugely popular email marketing solution. It is extremely easy to use and simplifies email marketing for small businesses and absolute beginners.

It comes with some amazing marketing automation tools which allow you to create smart automated campaigns. With a drag and drop builder, you can create campaigns, segment contacts, and send content designed for specific groups. These tools help you create effective campaigns to boost your profits.

GetResponse comes with beautiful responsive forms, landing pages, A/B testing, tracking, and autoresponders. It also integrates with third-party lead generation software like OptinMonster, SalesForce, Google Docs, ZenDesk, etc.

Support is provided by phone, live chat, and email. Their help section is full of free learning material including videos, webinars, how-tos, guides, etc.

GetResponse offers a 30-day free trial. Their pricing starts from $15/month.

5. MailChimp

mailchimp

MailChimp is one of the most popular email marketing service providers. They offer a very easy to use interface with great tools and awesome support.

It integrates beautifully with WordPress, Magneto, Shopify, and many other platforms. If you are using WordPress, then see our ultimate guide to using MailChimp and WordPress for detailed instructions.

MailChimp also comes with easy email creator, merge tags, autoresponders, segmenting contacts into groups, and simple tracking and analytics. It also allows you to set up delivery times based on user’s time zones and set up segmenting based on geolocation.

Support is offered by email, live chat, and a huge knowledge base with how-tos, videos, and tutorials.

MailChimp offers a forever free plan which allows you to send 12,000 emails for up to 2,000 subscribers. Their paid plans start from $10/month.

Because of their free plan, we rate MailChimp the best email marketing software for nonprofits.

6. Campaign Monitor

campaignmonitor

Campaign Monitor is another popular email marketing solution. It gives you everything you would need to run successful campaigns and then some more.

They have a beautiful drag and drop email builder. It allows you to use professionally designed email templates and make them your own. They also offer a drag and drop segmenting tool to create different campaigns for different contacts based on behavior and actions.

You can personalize each message using the rich customer data. This makes your emails more personal and gives much better results.

Not to mention their easy to use A/B testing, tracking, optimization, and social sharing tools.

Support is available 24/7 via email and support forums. Premier customers can also avail phone support. They have extensive documentation step-by-step how-tos to help you get started and fix things on your own.

Campaign Monitor’s pricing plans start from $9/month.

7. ActiveCampaign

7 Best Email Marketing Services for Small Business

ActiveCampaign combines your email marketing, automation, with CRM and sales. It comes with all the tools you will need to create smarter email marketing campaigns.

ActiveCampaign comes with a beautiful email template editor and mobile friendly signup forms. It allows you to segment contacts based on their actions, location, behavior, and social data. It can also fetch additional data about your contacts using only their email address.

It integrates beautifully with many third party software including WordPress. You can also send SMS messages to your contacts for follow up on campaigns.

ActiveCampaign’s plans start from $9/month. You can also request a demo with limited features for a test run.

Although the pricing on ActiveCampaign gets quite high, it’s totally worth the money if marketing automation is what you’re looking for.

We hope this article gave you a good overview of the best email marketing services for your business.

, , , , ,

6 Best WordPress Plugins To Create Responsive Tables (2017)

Utilizing tables in the blog entries is the current fever in the blogging scene. Because of the wide accessibility of WordPress table maker modules that make tables making madly simple. Presently you can make tables with no HTML or CSS aptitudes.
Tables make things easier to find and understand. Having a table in the blog post increases your chances of being featured on the “Featured Snippet” area of Google SERP’s. It also helps you to increase your affiliate sales. For more traffic and sales, you should seriously think about adding tables to your blog posts.
If you want to insert a table in your content, you are in the right place. In this post, I am going to share some best table creator plugins for WordPress.

Now let’s see some details of these plugins.

1. TablePress

TablePress is the most popular plugin for creating beautiful tables. The built-in shortcode of the plugin makes it very easy to display the tables on your posts, pages, widgets, or the sidebar. You can edit the table without writing any code, which is useful for anyone.

cheap hosting

The plugin also allows you to export or import table data to and from other websites respectively. You can provide advanced features like filtering, sorting, pagination, etc. by adding an extension. There are lots of other extensions which allow you to make the tables responsive, allow PHP code in the table, automatic URL conversion, etc.

2. Table Maker

Table Maker is another popular WordPress plugin for creating tables. It is especially useful for creating and displaying comparison tables. Once you install and activate the plugin, it will automatically create the first table for you. You can edit the cells by clicking on them.

As the plugin supports HTML and custom shortcodes, it is possible to display any data in the table. The plugin comes with a few icons which can be used inside the cells. Each table has its own shortcode. You can use the shortcode to place the table anywhere you want. You can enable or disable responsiveness for the tables. It is also possible to export or import table content.

3. Thrive Content Builder

As you can guess from the name, this is not your regular table builder plugin. Rather, it’s a fully featured content builder system which you can use to create any layout for your blog. You can use Thrive Content Builder to create fully responsive tables.
cheap hosting

Thanks to the visual WYSIWYG table builder, you can create exactly the type of table you want. Clicking on any table cell allows you to edit the content. The built-in table of contents feature will be very helpful for making your longer posts skimmable. It also lets you create Pricing Tables too.

The conversion-oriented features of Thrive Content Builder can be the missing keys to taking your blog to the next level. You can get the single site license for $67.

4. wpDataTables

WpDataTables is an incredibly powerful table creator plugin for WordPress. This premium plugin allows you to create and customize beautiful tables without writing any code. It is also possible to create tables from various existing sources like Excel, Spreadsheet, CSV, MySQL, XML, or JSON files.

The built-in formula column will make your life easier by showing auto-calculated values. You can edit the table from both the front-end and the back-end. The customizable pre-set conditions will automatically highlight the relevant cells and rows.

wpdatatables

WpDataTables can also be used to create interactive charts. As the plugin is fully compatible with Visual Composer, you can use the plugin with any premium theme. The documentations and step-by-step video tutorials will be useful to utilize various theme features. You can get wpDataTables for $35.

5. League Table

League Table provides a premium solution to create complex tables like leaderboard, ranking chart, comparison table, etc. You can use this plugin to display detailed statistics about various sports teams, gadgets, educational institutions, medical institutions, etc. The visitors can sort the chart by using multiple columns.

league

It is possible to choose custom colors for various sections like header font, background, even and odd row font, background, border, etc. The fully responsive table plugin comes with dedicated shortcodes. You can use the shortcode to display the table in various places on your website. You can get the plugin for $23.

6. Pricing Table Builder – Easy Pricing Tables

The name clearly indicates that this plugin is specially developed for creating pricing tables. This plugin also allows you to create and publish fully featured comparison tables. The fully responsive tables look great on any screen size.

You can choose a featured column as the popular choice. The columns can be dragged and dropped to change location. The available customization options include choosing the font size, color, border style, etc.

7 Best WordPress Plugins To Create Responsive Tables (2017)

There is also a premium version of the plugin. The Pro version comes with 10 attractive templates, advanced customization options, tooltip, premium support, etc. You can get the personal license of Pricing Table Builder Pro for $29.


Wrapping It Up

Using tables can significantly improve the user experience of your website. As this post has introduced you to the best WordPress table creator plugins, I hope you will be able to choose the best one for you.

However, if you are still confused, here are my suggestions –

Now that I have made my recommendations, let’s find out which one is your favorite. If you had to choose one of these table creator plugins, which one would you choose? Let me know your choice via comment.

If you’ve found the post useful, please share it on Facebook, Twitter

, , , , ,

How to Edit & Optimize WordPress Robots.txt File for SEO

Have you optimized your WordPress Robots.txt petition for SEO?

On the off-chance that you haven’t, you are overlooking an essential part of SEO. Robots.txt document assumes a critical part of your site’s SEO.

You are fortunate that WordPress consequently makes a Robots.txt petition for you. Having this record is half of the fight. You need to ensure that Robots.txt record is advanced to get the full advantages.

Robots.txt document advises internet searcher bots what pages to slither and what pages to stay away from. In this post, I will demonstrate to you best practices to alter and streamline Robots.txt record in WordPress.

What is Robots.txt File?

Robots.txt record is a content document which trains internet searcher bots how to creep and list a web page. At whatever point any web index bots go to your web page, it peruses the robots.txt record and takes after the guidelines. By utilizing this record, you can indicate bots which some portion of your site to slither and which part to maintain a strategic distance from. Be that as it may, the nonattendance of robots.txt won’t stop web search tool bots to creep and list your web page.

Editing & Understanding Robots.txt in WordPress

I’ve as of now said that each WordPress site has a default robots.txt document in root registry.

In the event that you don’t have a robots.txt record, you’ll need to make one. It’s anything but difficult to do. Simply make a content record in your PC and spare it as robots.txt and transfer it to your root index. You can transfer it by means of FTP Manager or cPanel File Manager.

Presently how about we perceive how to alter your robots.txt record.

You can alter your robots.txt document by utilizing FTP Manager or cPanel File Manager. In any case, now is the ideal time to expand and somewhat troublesome.

An ideal approach to alter Robots.txt document is, utilizing a module. There are a few WordPress robots.txt modules out there. I incline toward Yoast SEO. This is the best SEO module for WordPress. I’ve officially shared how to set up Yoast SEO.

Yoast SEO permits you to adjust the robots.txt record from your WordPress administrator territory. Be that as it may, on the off chance that you would prefer not to utilize Yoast module, you can utilize different modules like WP Robots Txt.

Once you’ve installed and activated Yoast SEO plugin, go to WordPress Admin Panel > SEO > Tools.
How to Edit & Optimize WordPress Robots.txt File for SEO
Then click on “File editor”.

Then you need to click on “Create robots.txt file”.

Then you will get the Robots.txt file editor. You can configure your robots.txt file from here.

Before editing the file, you need to understand the commands of the file. There are three commands mainly.

User-agent – Defines the name of the search engine bots like Googlebot or Bingbot. You can use an asterisk (*) to refer to all search engine bots.
Disallow – Instructs search engines not to crawl and index some parts of your site.
Allow – Instructs search engines to crawl and index which parts you want to index.
Here’s a sample of Robots.txt file.

User-agent: *
Disallow: /wp-admin/
Allow: /

This robots.txt record teaches all web crawler bots to slither the web page. In the second line, it advises web crawler bots not to slither the/wp-administrator/part. In the third line, it educates web crawler bots to creep and list entire site.

Designing and Optimizing Robots.txt File for SEO

A basic misconfigure in Robots.txt record can totally deindex your site from web crawlers. For instance, in the event that you utilize the order “Deny:/” in Robots.txt record, your site will be deindexed from web indexes. So you should be watchful while designing.

Another essential thing is an enhancement of Robots.txt record for SEO. Before heading off to the accepted procedures of Robots.txt SEO, I’d get a kick out of the chance to caution you about some terrible practices.

  • Try not to utilize Robots.txt record to conceal low-quality substance. The best practice is to utilize no index and no follow meta tag. You can do this by utilizing Yoast SEO module.
  • Try not to utilize Robots.txt record to stop web indexes to file your Categories, Tags, Archives, Author pages, and so on. You can include no follow and no index meta labels to those pages by utilizing Yoast SEO module.
  • Try not to utilize Robots.txt record to deal with copy content. There are different ways.

Presently how about we perceive how you can make Robots.txt record SEO amicable.

  1. At to start with, you have to figure out which parts of your site you don’t need internet searcher bots to creep. I incline toward forbidding/wp-administrator/,/wp-content/modules/,/readme.html,/trackback/.
  2. Including “Permit:/” subordinates on Robots.txt document is not all that critical as bots will slither your site in any case. Be that as it may, you can utilize it for the specific boat.
  3. Adding sitemaps to Robots.txt document is additionally a decent practice.

Here’s an example of an ideal Robots.txt file for WordPress.

User-agent: *
Disallow: /wp-admin/
Disallow: /wp-content/plugins/
Disallow: /readme.html
Disallow: /trackback/
Disallow: /go/
Allow: /wp-admin/admin-ajax.php
Allow: /wp-content/uploads/
Sitemap: https://test.com/post-sitemap.xml
Sitemap: https://test.com/page-sitemap.xml

You can check RTB Robots.txt file here: https://test.com/robots.txt

Testing Robots.txt File in Google Webmaster Tools

After updating your Robots.txt file, you have to test the Robots.txt file to check if any content is impacted by the update.

You can use Google Search Console to check if there is any “Error” or “Warning” for your Robots.txt file. Just login to Google Search Console and select the site. Then go to Crawl > robots.txt Tester and click on “Submit” button.

A box will be popped up. Just click on “Submit” button.

Then reload the page and check if the file is updated. It might take some time to update the Robots.txt file.

If it hasn’t updated yet, you can enter your Robots.txt file code into the box to check if there are any errors or warnings. It will show the errors and warnings there.

If you notice any errors or warnings in the robots.txt file, you have to fix it by editing the robots.txt file.

, , ,

The most effective method to Get Google AdSense Approved in 2017

Energy when associates with cash makes artful culminations, such case appears to be impeccable when connected with blogging premium. AdSense which is without a doubt the best relevant promoting systems has changed its arrangements in 2017. Consequently, getting AdSense affirmed was a simple procedure till yet; all you have to do was making another AdSense account, your record is checked on, AdSense acknowledges the application, lastly you can include notices your site and begins profiting. Be that as it may, now, the cheddar cake like undertaking has turned into somewhat mind boggling. Along these lines today in this article, in the blog we will demonstrate to you industry standards to get Google AdSense Approved in 2017 with basic strides.

The strategy changes for getting endorsed AdSense account in 2017 now incorporates the accompanying strides;

Changes in Google AdSense arrangements in 2017

  1. Getting a site good with AdSense. (AdSense on its site has a rundown of perfect sites).
  2. Filling the information exchange frame for Google AdSense.
  3. Rounding out the application and sending it for audit
  4. Getting the AdSense code and adding it to the blog. (Please find instructions below)
  5. Subsequent to including the code, clear promotions will begin flying up on your blog.

Standing up of understanding, a normal application on Google AdSense at any rate takes 48 hours to get prepared. Blogging masters calls it the most essential stride in your definitive point of profiting on the web; be that as it may, once it is affirmed your blog is prepared to be on the rundown of cash making machine, in basic words your internet blogging ATM has now turned out to be useful. Presently, the more substantial substance according to Google SEO strategies you embed, the more cash it will discharge.

The entire procedure of profile finishing till Google AdSense endorsement is as per the following;

The entire Work Process

Google AdSense Account Approval Process 2017

  • Go to the AdSense site (AdSense.com). Say all essential data like Name, blog URL, address, financial balance subtle elements and passwords. It’s more secure to give your present Address refreshed range code as the Google installments now and then are conveyed through checks as well.
  • Once your profile is totally refreshed, login to the Google AdSense account, make your AdSense code and place those AdSense code to your sidebars. Keep in mind, Google AdSense will put advertisements on your blog once you refresh the sidebars with those codes.
  • Google has an approach to put significant promotions according to Blog class. In this way, the showing up promotions will be like that of your substance ben put noise the blog. For instance, in the event that you have a sustenance blog, the most pertinent promotions that will show up will be of eateries, flavors and any bundled nourishment items.
  • Clear promotions will be appeared for 48 hours to seven days to get endorsement. In the mean time google AdSense organization will screen your blog and checking on your application. When you get an endorsement on your email, legitimate promotions will be begin flying up.
  • Once your record has been endorsed, a last affirmation email will be sent by Google AdSense on your email address.
  • Once your AdSense winning compasses $10, AdSense will mail you a PIN to your address.
  • Presently all the boisterous work is over; it’s a great opportunity to roll your sleeves; Login to your AdSense account and enter your stick that you have gotten in your email.
  • Congrats! So the hold up is at last over; right now is an ideal opportunity to pen down your considerations and begin adding meat to your ATM. Once your record comes to $100, you can get your installments pulled back trough wire or direct bank exchange.

Getting Google AdSense is not as troublesome as it sounds. All you need is somewhat diligent work, enthusiasm and energy of not surrendering. Taking after AdSense strategies are an unquestionable requirement here to get endorsement and being more brilliant (refreshing full data) will dependably encourage you! On a closure note, We wish you an incredible 2017 and a rich AdSense account. Cheerful Blogging!


The most effective method to Easily Add Google Adsense in Your Blogger Blog

We as of late demonstrated to you how Infolinks ends up being the best contrasting option to AdSense, however the question continue as before shows improvement over AdSense? It is a straight forward, NO. AdSense is practically phenomenal in promoting however BuySellAds has given it intense time, yet at the same time AdSense involves the bigger partake in publicizing market. A few people still think that its hard to add Google AdSense to your blogger webpage and begin profiting. Today in this article, we will demonstrate to you best practices to effortlessly include Google AdSense in your Blogger blog.

What is Google AdSense:

Google AdSense gives a bother free approach to win cash online by basically showing commercials of various sizes on your sites. It gives chance to site proprietors to put distinctive picture, video, content based and rich media energized promotions on their sites. These advertisements take a shot at client’s advantage which implies they are focused by your gathering of people and substance.

Google AdSense deal with all the facilitating part, you don’t need to stress over facilitating your promotions or searching for potential sponsors. Google keeps up a sound association with the publicists and continues serving your site with quality lucrative advertisements.

Google AdSense is a CPC (Paid per click program) which implies that you will be paid each time a client taps on the advertisements. Notwithstanding, it additionally gives paid per impression relies on the group of onlookers your blog is getting.

What are Advantages of Google AdSense?

  • Snappy Approval: AdSense is a promoting organization that tends to bolster new distributers this is the motivation behind why they rapidly favors your applications regardless of the possibility that you have less movement. Be that as it may, your site ought to comprise of astounding substance to get a green flag.
  • High Payouts: Since, AdSense is greatest publicizing organization. Subsequently, it additionally has some high potential promoters who pay pleasant cash to the Publishers that have focused on gathering of people from USA, Europe and so on.
  • Strong Reporting: It gives you second-to-second revealing so you can without much of a stretch track the execution of your advertisements. It even gives insights about the client’s area who tapped on one of your promotions and significantly more.
  • This for FREE: You get this much and a ton of other valuable elements for a cost of FREE. Indeed, it is permitting you to acquire a lot of cash without spending a solitary penny.

How to Get Started With Google AdSense?

The main thing you have to do is to agree to accept a Google AdSense account. You can utilize your Gmail address for information exchange prepare, in the event that you don’t have a Gmail account then enroll first.

In the wake of presenting your application, it will take around 24 hours to know whether you are endorsed to place commercials on your site or you need to enhance your site before you can be the piece of AdSense Publishers. On the off chance that your application is affirmed, then you can sign into AdSense record to get the Ad Code which you will put on your site.

When you are signed into you AdSense, tap on “My Ads” tab and afterward press “New Ad Unit” catch.

This will take you to “Create Ad unit wizard” where you can customize your ad size, color, ad type and etc.

Name of AD Unit: You can name the AD unit with the goal that you can without much of a stretch track its execution. For instance, in the event that you will utilize this promotion unit in your sidebar then you can name it as “SIDEBAR AD” or and so on.

Choosing AD Size: AdSense offers extensive variety of Ad sizes with the goal that you can choose the one which fits your necessities and also your web composition’s. The prescribed promotion sizes incorporates 300×250,728×90 or and so forth why, in light of the fact that these advertisements will probably give you high procuring openings. As such, you can state that these advertisements are of higher potential to give you all the more winning on every promotion click.

Choosing AD Type: AdSense offers various types of advertisement sort like picture promotions, content advertisements and rich media promotions. You can pick the sort as indicated by your site. Nonetheless, it is prescribed to pick “content and rich media advertisements”

Styling Ads: You can alter the style of your content based promotions by coordinating the shading to your site’s shading plan, since it is constantly considered as best practice to get a lift in gaining.

When you are finished with modifying your advertisement unit, essentially squeeze “Spare and get code”. Another window will fly out giving you the code of the advertisement you just made. Presently duplicate the promotion code as we will require it in the following stride.

The most effective method to Get Google AdSense Approved in 2017

Including Google AdSense in WordPress

Presently it relies on upon you whether you might want to demonstrate the promotion in your sidebar or substance. In any case, a great many people suggest demonstrating advertisements in the sidebar as it doesn’t interfere with your clients while they are perusing your substance.

Essentially go to Blogger >> Layout >> Add a Gadget >> Add HTML/JavaScript >> glue the Google AdSense promotion code in the HTML content territory which you duplicated before and once done press “Save”.

That is all, you have effectively included Google AdSense your blogger webpage. For better arrangement you can put your promotions between your substance or you can do a few trials also. On the off chance that you are as of now utilizing AdSense, then do impart your experience to them. On the off chance that you like our article, them impart it to your companions on Facebook, Twitter or Google+.

,

What Is Google Adsense and How Does It Work?

What is Google Adsense? Google Adsense is a CPC (taken a toll for every snap) publicizing program that permits distributors (anybody needing to put advertisements on their sites) to embed a little measure of HTML into their locales and has promotions create the impression that is focused on and significant to the substance of the site.

blog_adsense

So what precisely is Google Adsense?

The uplifting news is that Adsense is the most straightforward route for bloggers or website admins to begin profiting with their destinations. Subsequent to introducing the advertisement code on your site, the Adsense bugs will slither your site to perceive what truly matters to every one of your pages.

They then check their stock of advertisements and put related promotions by each of your articles. This works out well for everybody as somebody perusing an article on cultivating is a great deal more inclined to purchase planting apparatuses than somebody who is perusing an article about auto tires.

What Is Google Adsense and How Does It Work

How does Adsense Work (for distributors)?

Things being what they are, how does Adsense work? It begins with the publicists who pick which catchphrases they might want to promote on. We should assume I need to publicize my new line of planting instruments that I just made. I would offer on specific catchphrases like “planting, cultivating instruments, tillers, pulling weeds, and so on”

The Adsense spiders would then match my ads up with:

  1. Those specific keywords that people type into Google and display them to the top and right of the search results
  2. Web sites (like yours) that display AdSense ads.

The AdSense folks will send out Robots to crawl your site to see what all your content is about. If they find that you have content that has some of the same keywords that I (as the advertiser bid for) then my ads will show up on your site next to your article about gardening tools.

For more about how Adsense works check out Google’s help page.