Category Archives: Web Design

Let’s Lear About 7 Tools to Build Websites Using Responsive Design

As consumers access websites from a growing variety of devices, responsive Web design becomes increasingly important. Responsive web design is about building a Web presence that scales and functions well on desktop, tablet and mobile devices. The viewing size of each device is different, which creates challenges for Web designers, not only because of the designs themselves but also due to the need to manage website components as they scale from one device to another.

One example is how to display images. What looks good on a desktop probably won’t work on a mobile device, so Web developers must consider issues such as proportions, text, image sizes and compression. Another factor is how various components of a Web page will be organized on a smaller screen with different dimensions.
To help you address these and other responsive Web design challenges, here are several tools and online services that will help you meet your objectives.

Adobe Dreamweaver

Adobe Dreamweaver CS6 has the capability to build fluid layouts. This lets you create three layouts—for the Web, tablets and mobile devices—all at the same time. Add Media Queries to these fluid layouts and you can easily control the appearance of your pages. Media queries let designers target different styles to different devices; one example would be a group of styles that only take effect when the screen size is larger than 800 pixels.

Dreamweaver lets you build both mobile apps and websites. The chief difference is that some mobile sites can be designed to display on all mobile devices. In contrast, mobile apps can offer more functionality, but they have to be custom built one each device. This can quickly get expensive. You can learn more about the differences and costs involved with each approach from the New Media Campaigns blog.
Recent Dreamweaver updates include enhancements to Fluid Grid layouts and Web font integration.

All Fluid Grid elements have been placed within the Structure category under the Insert menu. New options include Ordered, Unordered and List. Options for DIV elements such as duplicate, lock and swap now appear when you select an element. You can nest fluid elements as well. Fluid Grid elements will work with Web apps as well as mobile sites.

In addition, it’s now possible to add from the library of Adobe Edge Web Fonts in your layouts. When you do, a script tag is added. This tag references a JavaScript file that downloads the font from the Creative Cloud server, where it’s stored in the browser’s cache. Edge Web Fonts are powered by Typekit by Adobe, so they can be integrated with Adobe Edge tools.

Adobe offers several pricing models based on its Creative Cloud package. This offers a range of software components for businesses that begins at $19.95 per month.

Adobe Edge Reflow Preview

Edge Reflow, in development by Adobe, uses a grid (or box) system that scales with your design.

When you reduce the size of your layout, the interface can adjust the positioning of site element and the boxes of the design can move one below the other as the layout changes.

Adobe Edge Reflow
Edge Reflow lets you build either a desktop or mobile site first. It also contains a toggle so you can easily switch between layouts, if necessary. Depending on whether you create pixel-based or percentage-based boxes, these elements will either scale with the layout or remain at a fixed size.

Edge Reflow gives designers a way to test their ideas visually. The Edge Reflow interface makes it simple to toggle back and forth between the mobile and desktop layouts, so it’s easy for a designer to see what’s happening. Once the designer has a layout she likes, she can extract the CSS for further development.

Edge Reflow is part of the Adobe Cloud membership, which is free.

TopStyle 5

TopStyle 5 Pro is an HTML5 and CSS3 editor for Windows with several useful features, including gradient and text shadow creating tools and a framework for building websites and apps for Apple devices.

Because the CSS3 specification hasn’t been finalized, you need to use CSS vendor prefixes to make sure there aren’t any conflicts among browsers. It can be difficult to remember what settings to use, but Prefixr takes care of that for you by adding vendor prefixes to your code.

CSS3 also offers the capability to create gradients. However, this can be time-consuming when working with code. TopStyle has created a tool that lets you quickly specify gradients for your layouts and edit those settings later.
Meanwhile, the Text Shadow Generator makes it easy to create text shadow effects without having to spend a lot of time editing code.

Finally, TopStyle 5 includes iWebKit 5, a framework designed to help you create your own iPhone, iPod Touch and iPad compatible website or Web application.

TopStyle 5 is available as a single user download for $79.95. Existing Topstyle 4 users can upgrade for $29.95.

WinkSite

WinkSite is a free mobile service that helps you monetize your site with Google AdSense and determine the best place to put ads. You can also create in-house ads for your sponsors. Winksite is free for up to five sites.

Winksite users can build a community and invite others to join. You can also create an ezine or guestbook and post surveys. You also have the capability to create custom ads from various sponsors, choose the pages they appear on and determine the frequency and placement of display. Supported file types include YouTube, DailyMotion, MetaCafe, Blip.TV video and FLV files.

Volusion

Volusion is an all-in-one ecommerce tool that lets you build a shopping cart and add it to your website. It will display on desktop, tablet and mobile versions of your site.

Volusion
Volusion is an all-in-one shopping cart system with a Website integrated into the layout. If you were to use a different approach, you would have to first build your website and then obtain, customize and add a shopping cart to your site after the fact. You can also list thousands of products on both the desktop and mobile versions of your site.

Volusion offers a free trial to get you up to speed, but you should know that the free trial goes only so far. If you want to test out the mobile aspect of the service, then you’ll need to pay. When you sign up for an account, you can choose to build a site yourself or work with a sales representative on the design process. It’s also worth noting that the service is proprietary—it runs on Volusion servers only and can’t be used with your own hosting.

Volusion pricing models range from $15 per month to $195 per month; enterprise pricing is available as well. Factors in determining price include data transfer, number of products used, bandwidth, social media integration and rating services.

GoMobi

The GoMobi content management system lets you build mobile websites that can be viewed on more than 6,000 mobile devices. You can also add code to the desktop version of your site so that a user on a mobile device who visits the desktop site is seamlessly redirected to the mobile interface.

GoMobi offers an easy-to-use interface with the complex programming happening behind the scenes. For example, to add your GPS coordinates, just enter the address, add that section to the mobile site and save your changes; the GPS feature appears automatically on the mobile interface and is ready to use. For designers who want more options, the interface can be customized through the use of templates. In addition, you can add custom CSS, HTML and JavaScript programming by linking those pages to the GoMobi interface. You can upload your own icons as well.

While GoMobi offers a numerous display options, it doesn’t support tables or JavaScript. One way around this is to use Dreamweaver to create custom mobile pages that plug into the GoMobi interface; this way, you can use JavaScript, tables and custom CSS in your mobile website. You can also host these custom pages wherever you want; this is worth knowing because GoMobi, like Volution, is proprietary and runs only on GoMobi servers.

To sign up for GoMobi, you must go through a reseller such as HostPapa. This option is inexpensive— $5.95 per month with HostPapa—but it also means you don’t have full access to the interface. If you want to have full control over the the domains, registration and the GoMobi sites, you need to become a reseller yourself. The fee for this will vary depending on the hosting provider, but it will give you full access to the GoMobi Site Builder, the option to regulate users on the interface and the ability to charge a hosting fee to your clients.

Mofuse

With Mofuse you can build a mobile version of your website yourself, hire Mofuse to do it or become a reseller of its services.

The look and feel of Mofuse resembles GoMobi and therefore makes it easy to understand and build a mobile site. Depending on the needs of your business, this could take as little as 20 minutes. Enter some basic information, launch a default template and start to build with it.

The Mofuse interface allows you to quickly enter information into the CMS that you can then add to the interface, making it easy for a designer to quickly build a mobile site.

The next step is the Mobile Site Menu. Here you add elements to the site, then edit the order of appearance, the look and feel, CSS attributes, colors, monetization, analytics, social media integration and more.

As with other mobile programs, you can create code after the fact and insert it into the desktop site. If someone comes to your desktop site from a mobile device, the code detects that and seamlessly redirects the user to the mobile interface.

Mofuse offers a free 14-day trial. Its price points vary depending on the number of monthly views and the building blocks you need. (These range from RSS feeds to weather widgets.) The JumpStart package, for examples, offers 10 elements, allows for 1,500 views and costs $7.95 per month. In contrast, the Ultimate package gives you unlimited elements, covers 1,500,000 views and costs $199.00 per month. However, the Ultimate package, as well as the $89-a-month Small Business package, lets you edit CSS.

You can also choose to become a reseller of the Mofuse services. Unlike GoMobi, though, there are no setup fees, nor is there a contract.

Tips to Add Social Media to Your Web Design

“Fewer people are experiencing your brand on your Website,” says Jeremy Dedic, the user experience practice leader at digital agency Rightpoint.

“Many companies think of their Website as being the center of their online brand’s universe. But more and more consumers use social media sites as a starting point for accessing information about products and promotions, gathering customer feedback, voicing opinions and seeking customer service,” he says.

Web pages, Internet pages

Indeed, some brands have done away with traditional Websites all together, and instead are using some combination of Facebook, Google+, YouTube, Twitter and Pinterest to get their message out.

Should you ditch your Website? Not necessarily. But if you want your Web or ecommerce site to truly engage and convert visitors, you should take some lessons from–if not fully embrace–the popular social media sites.

Following are six simple ways to incorporate social media into your Web design and strategy.

1. Let Customers Know What Social Media Sites You’re On

“Make sure visitors [to your Website] are able to see the social networks you are on and can socially share your products and content,” says Erica Tevis, the owner of LittleThingsFavors.com, an online wedding ecommerce site, and LittleThingsBaby.com.

As for where to place social media icons (for Facebook, Twitter, Google+, Pinterest, YouTube, etc.), “a good rule of thumb is that the more visible your social buttons are, the more users will interact with them,” says Jessie Jenkins, social media and content specialist at Thrive Internet Marketing.
‘Follow’ icons should be included within the header/footer of your Website, preferably every page, as your social media profiles are an important source of information to users and an easy way to stay connected.” Similarly, Jenkins says, include “‘share’ and ‘like’ icons on every blog post, as well as any Web pages that possess valuable, share-worthy information.”

Also, include a call to action. “Ask your Web visitors to ‘like’ your Facebook page, ‘follow’ your brand on Twitter, or ‘Join the discussion’ on LinkedIn,” says Alessandra Ceresa, director of Marketing and Social Network Management at GreenRope, a developer of business marketing software. Why? “Everyone has social icons on their Websites these days,” she says. But people are more inclined to click on them if you tell them to. In addition, it’s important to “design your social media icons to match the style and feel of your Website. These details catch the eye of the viewer, making it more likely that they will click on your social links.”

2. Allow Social Logins to Make It Easier to Connect With You

With social logins, “now sites don’t have to set up their own individual login unless they want to, but they can have their visitors login with a Facebook or Twitter account,” says John Roa, the CEO of ÄKTA, a product design studio specializing in user experience. “This allows sites to create an internal community–and can be a great opportunity for organizations to share specialized content and connect with their users.”

Save Big on Amazon Products Now Through 11/28 – Deal Alert
Moreover, giving people “the option to register/login via Facebook, Twitter, etc. instead of filling out forms shortens the registration process, which tends to lead to an increase in the conversation rate for user registrations,” says Adam Kirkwood, designer/developer, Viralheat, a social media management, publishing and engagement service.

3. Make Your Web Design Social Media Friendly

“Companies and organizations should design Websites, from code to content to commerce, in ways that complement the social media user experience, and vice versa,” says Dino Baskovic, a digital marketing consultant.

For example, on many homepages, “static content has largely been replaced with variable content that feeds from various sources, such as social media feeds, blog feeds, category driven areas of the site, news feeds, etc.,” notes Brian Compton, creative director, Lewis PR. “As a result, homepage layouts–such as this one for Google Ventures–have changed to include somewhat modular panels that can house any given type of variable (feed) content.”

Adds David Carrillo, manager, Earned Media, The Search Agency: “Implementing Facebook Open Graph and Twitter cards on a Website is the best way to control the presentation of your Website on social networks. And it’s a lot easier to implement from the beginning than to have to go back once the site is already built out.”
4. Make Content Shareable

“What good is it if a consumer or prospect finds something they like but it’s too difficult to ‘like’ it or ‘tweet’ it [or ‘pin’ it] right from that page?” asks Daniel K. Lobring, senior director of Public Relations at rEvolution, a sports marketing and media agency. “Embedding the ability to share on all pages of content is now essential.”

“Your product and content pages should have social sharing buttons right by the item picture, making it easier for your customers to instantly share your items,” says Tevis.

5. Incorporate Facebook Reviews Into Your Website.

To increase conversion rates on its Websites, Costa Rican Vacations & Panama Luxury Vacations integrated Facebook customer reviews.

“We created a ‘Testimonials’ tab on Facebook and asked customers after completing our survey if they’d be willing to share their feedback on Facebook,” says Casey Halloran, the cofounder and chief marketing officer. “It worked way better than we’d planned. We received 100 testimonials within four months.”

The only problem: “We got a few negative comments.” But even that, Halloran says, was not a bad thing as it helped the company improve its customer service, “which created more positive feedback, which improved our Website conversion and boosted sales.”

6. Embed YouTube Videos When Appropriate

“Many pages with quality YouTube videos rank better in search engines, especially if there are more video views,” says Brian Coughlin, an SEO specialist at OpticsPlanet.com. “Videos also increase a visitor’s time on page and improve conversion rates.”

The bottom line regarding Web design and social media: “It no longer makes sense to create a Website if it’s not going to be integrated [with your] social networks,” says Marko Z. Muellner, vice president of Marketing, ShopIgniter. “Not only do you increase the challenge of driving awareness and traffic [when you ignore social media], you eliminate the potential for sharing and earned amplification.

“Website designers have become great strategic anthropologists, understanding how and why people use their sites while keeping focused on business needs,” he says. “Now they must understand how their target audiences use social media so that they can incorporate liking, sharing, commenting, pinning, etc. in new ways that meet expectations and surprise and delight.”

Tips To Hiding the Download URL of the File with Simple Download Monitor Plugin

The simple download monitor plugin has an option that you can use to keep the download URL of the file hidden. This can be useful if you are offering some password protected file downloads and you want to keep the actual URL of those files hidden.

First, Quickly Install the Free Plugin (if you don’t have it)
You can install the plugin using the following steps:

Download the Simple Download Monitor Plugin from the plugin page of the WordPress repository.
In the WordPress Dashboard menu, select Plugins, then click Add New.
Search for “Simple Download Monitor” and locate the Simple Download Monitor Plugin in the list of results.
Click the Install Now link, then Activate it.
Configure a New Download Item
Step 1) Click Downloads, then Add New from the left-hand menu.

Step 2) Configure the download item as usual.

Step 3) Check the “PHP Dispatch” option. See screenshot below:

configuring-download-item-with-file-url-hidden

Step 4) Optionally, set a password for the download (if you want to apply password protection to this download).

Step 5) Embed this download item on any post or page using the standard SDM plugin shortcode.

When your users download this item, the actual file URL of the item will now be hidden.

Steps to Fully Optimize Images for Speed and SEO in a WordPress Site

A fast web site gets and retains more traffic. And, traffic is the lifeblood of many an online business, right?

And let’s face it, images are often the main culprit in slowing down our web sites.

So, how do we properly optimize the images? Is there more to it than just making smaller file sizes? Let’s explore that and more in the coming paragraphs.

I feel that to properly serve an image from our web site, we need multiple versions of that image.

Why?

We should only load an image that fits within the display area of the viewer’s screen, because it will load faster than one with larger dimensions. And, of course, this needs to be done dynamically because there are a variety of people viewing our sites on a variety of screens at any given time.

Beyond that, we should utilize the best format for the image when available. In today’s landscape that means loading the WebP version of the image when the browser supports it. WebP is a special image format that can look exactly the same as its JPEG and PNG cousins, but actually take up less space on disk, and load quicker in a web browser, all things being equal. Additionally, loading Progressive JPEGs rather than standard Baseline JPEGs has its advantages, and so does LazyLoading. Most solutions will add these extras as a side benefit to image conversion and optimization.

I don’t know about you, but here are the maximum number of steps and considerations that I would like to be responsible for personally when uploading an image to WordPress, whilst maximizing my image optimization:

Find/take an appropriate high-res image.
Put my insertion point (cursor) where I want my image to load within my blog post.
Initiate the upload of the image to be added to the Media Library.
Cite the image when appropriate (give credit where credit is due, and stay true to Copyright law).
Decide whether I want the image to float left, float right, be left justified in a space all by itself, or be centred within the space that it’s in.
Decide on the max size (in terms of dimensions) for the image.
Insert it into the post with one more click.
And that’s it!
And here’s the list of things that I would like to happen on my behalf:

Have a WebP version of the main image and all of its thumbnails created.
Have multiple images created with different dimensions.
Have all images optimized (smaller file size, but looking pretty much the same after reduction)
Have the code placed that will dynamically load the *best* sized image for the current visitor to my web site, whether the page is a regular HTML page, or an AMP page. Firstly though, the server should know to serve the WebP version of the image, when it’s supported, before displaying the JPEG or PNG version.
The above of course is beyond all the other magic that we now take for granted such as: digital communication between devices, transfer of bytes through TCP/IP, and whatever else happens that we generally stop consciously appreciating after awhile.

Worth noting: AMP pages (Accelerated Mobile Pages), when leveraging the Google AMP Cache (AMP CDN), will perform image reduction/optimization, WebP creation, and dynamic image/WebP serving from a single image call, without any pre-steps on our part. Cool!

OK, so, how do we easily and simply prepare our WordPress web site for the proper creation and optimization of images without a lot of effort and expense?

Well, there are lots of ways to accomplish these tasks. Here is the general list of things we can do that will allow us to leverage other people’s digital intelligence.

Find and use a plugin that creates a WebP version of an image upon upload. [Here’s one and the EWWW plugin does it too]
If you want to be kind to Apple or double-density screen users, and while this doesn’t have a lot to do with speed and SEO more than it does *beauty*, find and use a plugin that creates a Retina (double resolution) version of an image upon upload. [Here’s one]
Find and use a plugin that optimizes all versions (sizes and types) of images. [Here’s one that supports WebP and Retina]
Find and use a plugin that will render the proper *image HTML* for the AMP version of our web pages (you are creating AMP versions of your web pages, yeah?) [Here’s one by Automattic]
Enable WebP support on the server, or more simply (and with more significant speed advantages)… find and use a caching plugin that will enable the server to serve WebP, and also honour the loading of a WebP version of the image when appropriate (it would create 2 static HTML files, one for the WebP version, the other for the regular version of the image). [Here’s one]
Expected WordPress automation: The above assumes that WordPress is also creating *thumbnail* versions of each image in all formats (which is the default nature of WordPress, so it’s a safe assumption). In other words, it is creating images (based on the originally uploaded image), that have different dimensions. Therefore, when the image is being viewed in a web browser, the size of the *screen* is considered to determine the best possible *sized* image to show. Also, the proper code should be in place in the resultant HTML that indicates to the web browser which image to load. WordPress will do that for you too.

Note: Another layer we could add to this would be to have our images load from servers close to the geographic location of the visitor (so they don’t have to travel so far, and can therefore show up faster). Google: “content delivery network” or “free cloudflare” or “keycdn” for more on this topic. For AMP pages, as mentioned, when using the Google AMP Cache, this is in-built!

To recap the settings demonstrated in the video that allows us to setup WordPress to: create/optimize Retina (double-density) images, create WebP images, optimize the uploaded image and all of the thumbnails, plus configure the server to deliver WebP images (when relevant), and create a secondary cache for when WebP image delivery makes sense:

1) First, using the WP Retina 2x plugin, go to Settings >> Retina >> Basics, and be sure that “Auto Generate” is selected.

2) Next, using the ShortPixel Image Optimizer plugin, go to Settings >> ShortPixel >> Advanced, and be sure that “WebP versions” is selected.

3) Lastly, using the Cache Enabler plugin, go to Settings >> Cache Enabler, and be sure that “Create an additional cached version for WebP image support” under “Cache Behavior” is selected.

After that, when uploading an image to the Media Library:

– WordPress will create all the thumbnails defined by the currently activated theme (and perhaps some plugins)
– WP Retina 2x will create Retina versions of the thumbs
– ShortPixel will create WebP versions of all images
– ShortPixel will optimize all images and thumbs (including Retina)
– Cache Enabler will enable WebP support
– WordPress will place the HTML necessary for the web browser to know which image to show based on the screen size of the current visitor
Take care to name your images (the filenames), and to add title and alt tags, for added SEO benefit.

Tips To Increase the Consumption of Your Blog Content

Creating quality content requires a lot of time and effort. A well researched 1000-1500 word blog post can take you between 2 to 5 hours (sometimes even more) to write.

But is your hard work really worth it? Is anyone reading your content?

According to Hubspot, more than 60% of readers never read more than 40% of a blog post. That means most of your content never gets consumed.

The “time on page” of your individual blog posts is a good indicator of how much of your content is actually getting consumed.

But increasing content consumption is not as difficult as you might think.

Neil Patel, a leading content marketer, increased his time on page by almost 70% by making just a few tweaks to his content format. Many other leading bloggers have reported similar successes by restructuring their content.

Here’s how you can replicate their success, and increase the consumption of your blog content.

Minimize Design Distractions
You blog design has a direct impact on the readability of your content. A clean, clutter free and focused blog design allows your readers to consume content much more effectively.

So even before you start writing content, make sure your side bar has no unnecessary elements, your navigation menu is small and to the point, and your headings and body text size is large enough with proper spacing.

Create the Right Type of Content
There are certain content types that people prefer to read and share. And depending on your niche, there are always certain topics that have a higher demand as compared to the others.

For example, research by AppSumo indicates that list posts, ultimate guides and expert round up posts get the highest social shares.

So instead of guessing and experimenting unnecessarily, create the content types with a higher success rate. To find more niche specific insights, search the Ahrefs content explorer tool with your main keyword. It will show you the most popular posts related to your topic.

Go through the top posts to get a good idea of the idea of the kind of content you need to create in order to attract more readers.

Use Magnetic Headlines
Research indicates that out of all the people who read your post headline, only 20% actually click it to read your post.

A poor headline can waste hours of hard work that you put into creating awesome content. That is why some of the most successful bloggers spend almost as much time crafting headlines as the total writing time of their posts.

Here are a few things you should do to create magnetic headlines

Keep your headlines to 65 characters (they have the highest conversion rates)
Limit your headlines to 6 words for maximum impact
Use adjectives to create impact with headlines (e.g powerful, effective, supreme etc)
Use numbers and percentages in your headlines to create credibility
Use the words I, You, What, Why, How in your headlines
Your headlines have a huge impact on your content consumption rate. So make sure you get them right.

Always Think Mobile First
More than 60% of Google searches are now generated from mobile devices. But the number of mobile users is even higher when it comes to blog readers.

Almost everyone reads blogs on smartphones these days. So you need to make sure that your design is responsive, and optimized for mobile visitors.

If you have any pop-up plugins on your blog, make sure they’re inactive for mobile readers because pop-us can be really annoying on mobile.

Also ensure that your social media sharing widgets, and comment plugins are mobile responsive.

All these things impact your content consumption rate.

Create a Killer Intro by Making a Promise and Giving Incentives
When a visitor lands on your blog, you have approximately 3 seconds to grab his attention and persuade him to read the rest of your blog post.

Most bloggers fail to do that.

Why? Because their blog posts have boring introductions.

Here’s how to write engaging introductions

Expand on the problem mentioned in your headline. Give them a summary, without going into too much detail.
Get to the point straightaway. Your readers don’t have time for long introductions. Just tell them what value your post has for them.
Clearly identify your post’s objective, make a promise and give readers a glimpse of the solution
Give them an incentive to read till the end. For example, you could say
“Here are 7 ways you can increase website conversions (plus link to a free conversion optimization tool at the end that’ll blow you away)”

Tell Readers What They’ll Learn
When you write long and resourceful blog posts, it’s always good to provide a skeleton view of the post at the start.

This allows the readers to identify the sections they want to read, and also gives them an immediate idea of the value your post has to offer.

You can do this simply by creating a “What You’ll Learn in This Post” section and list down the main sub-headings of the post.

You can even link each heading to the relevant portion of the post allowing readers to quickly jump spaces.

Use Short Paragraphs
Modern day internet users are short on time. Most of them skim through blog posts instead of reading every word.

If your post has paragraphs longer than 2-3 sentences, skimming will become hard for your readers. So you need to make sure that you mix up shorter paragraphs with the occasional longer ones.

For example, you could keep the average paragraph size to 2-3 lines and insert a couple of 4-5 line paragraphs in between.

Talk to Your Readers
Blogging is different from conventional article writing. Instead of writing from a third person perspective, you need to talk to your readers directly.

For this, make use of words like I, You and Me frequently. Use short sentences and avoid using heavy vocabulary.

When you’re writing, talk to only one person – your reader – not a group.couple of 4-5 line paragraphs in between.

Use Sub-Headings Frequently
Intelligent use of sub-heading throughout your blog post can significantly increase its consumption. Sub-headings give your readers a clear idea of your post’s distribution and what each section of the content has to offer.

It also allows readers to easily skim through the post and jump to any particular topic they want to know about.

Quote Experts and Cite Credible Research
Backing your arguments with credible data and research can add a lot of weight to your blog posts. Instead of making a claim all by yourself, include relevant number and studies that verify your claims.

Quotes from experts and renowned industry figures also has the same impact. When you add them to your content, it gives credibility to your arguments.

Add Images, Infographics and Memes
Did you know that almost 65% of readers prefer infographics, memes and images in blog posts?

Visual content makes your blog posts much more attractive and digestible. Instead of just throwing a wall of text on your readers, add images to the mix.

Relevant and high quality images can complement your content and make it much more effective.

Provide an Actionable Summary at the End
Just like the introduction, a good actionable conclusion is also good for your blog post. It should effectively summarize all the key points of your post, and its key takeaways.

An effective conclusion also drives action from the readers (for example, a comment or a share).

Wrapping Up
Increasing the consumption of your blog content depends heavily on user experience and the type of content you create. If you can identify the topics that your audience loves to read about, and structure your posts in a reader friendly manner, there’s no reason why you can’t make readers stay on your site longer.

How do you ensure that your readers consume your blog posts to the fullest? I’d love to hear your thoughts in the comments.