Author

Digital Pixels

Browsing

blog-image-image-optimization

what is Image Optimization?

Nowadays, every one ask question like above and several other questions…

what if I do not have any image in my blog post or article?

what if do not have good or high quality images?

How to optimize images for best SEO rankings?

I answer all these question in the following article, please leave your precious review in the comment below.

Good graphics and Images can incredibly help your website in attracting users. You can use high quality images to get visitors on your website to subscribe, read, share your article or buy your stuff or services. In all these cases Images can bring a powerful attraction in your message.

Image Optimization Ultimate Guide for SEO

However, not only users on your website enjoying images, search engines such as google are also trying to put them in a rank so new visitors can find you easily. But for this, you need to do a little extra work than just putting images on your web page.

If someone is searching for the “black t-shirt for casual use”, and you just have the perfect product for sale on your website. You gather great description related to that product, but if you don’t have good images for that product or even if you have a good high quality images which is not optimized well, your images will not even show up in the search results under that keyword.

This is where SEO for images begin.

In this blog post, I’ll teach you some basics of image optimization on how you can take benefits of SEO for images.

Basic SEO Tips For Image Optimization

Even if you are new to HTML, you will understand block of code below easily. This is the basic HTML code for inserting image in a web page.

<img src="YOUR IMAGES URL HERE">

This little fragment of code will place image on your website, but it is not enough for the search engines to gather complete information. Search engines try to gather more info when it comes to any type of media attachment. It searches for the following data in terms of images:

  • Image name
  • Format/ Type of the image
  • Description of the Image
  • Size of the Image
  • Internal or external Link on image
  • Image dimensions

These are the instructions that you need to tell Google and other search engines, but you have to add more attributes to the HTML image code to do that.

Modify Your Images For Best SEO Rankings

Add Unique Images

Add Unique Image for perfect SEO

There are millions of free and paid stock photos available on the Internet. But you can’t use them in your websites due to many reasons. First, it’s copyright. You can get severe problems if you use someone’s images on your website without their permission.

The other reason you can’t use stock and google images because it leaves bad impact on SEO since Google and other search engines will rank them as a duplicate content.

Rename Your Image To Exactly What It Is About:

Try to include the keywords you’re writing about at least in one image.

For Instance, if you write an article about “how to spend a good weekend”, in this case one of the images need that phrase in alt tag, and also for best practice keep the image name same as that phrase.

So, if your target keyword is “how to spend a good weekend”, then one of those images you used in your article need to be named similar to how-to-spend-a-good-weekend.jpg rather than using some other strange name or sequence of numbers.

Add ALT Attributes:

use alt tag for best SEO practicesALT attribute is a short and complete description of your image. Also, for convenience, if the user has a slow internet connection or can’t view the image for any other reason, ALT attribute will help the reader to know what supposed to be there.

For the best SEO practices, the ALT attribute should contain your keyword or keyword phrase.

Check the HTML source code for the image with ALT attribute,

<img src="how-to-spend-a-good-weekend.jpg" alt="how to spend a good weekend"/>

Add TITLE Attribute:

The TITLE attribute is usually used for image title. When some put mouse on an image, image title will popup. Title attribute should contain the keyword or keyword phrase for best SEO and search engine rankings.

Here is the simple HTML code example:

<img src="how-to-spend-a-good-weekend.jpg" alt="how to spend a good weekend" title=" how to spend a good weekend" />
image title and alt tag details in WordPress

Note: the TITLE attribute is not going to improve search engine rankings just like ALT tag did, as the content provided by this attribute does not get cached in google and other search engines.

Use Relevant Anchor Texts On Images Link

For instance, if you have a separate landing page for the “extra small t-shirt”, the anchor text needs to be something like “extra small t-shirt for kids and babies”.

The above point will perform two things: first, it provides handy information to visitors; second, it provides proper keyword rich data to search engines bots.
Here is the simple HTML code example:

<a href="http://examplesite.com/extra-small-t-shirts"> <img src="extra-small-t-shirt.jpg" alt="extra small t-shirt" title="extra small t-shirt"/> </a>

For anyone using WordPress, it allows you to insert images and other media, as well as specify things like ALT, TITLE, and description of the image. If you are using WordPress as a CMS, do take benefits of that feature when uploading images.

Scale/ Resize And Compress Image

Using large image is a big risk for website loading time optimization. For example, if you need an image 240px by 240px but the actual image you are using for that potion is 800px by 800px will increase you page weight. This will ultimately increase page loading time.

Check your website report on gtmetrix.com for scaled and optimized images.

Use Photoshop or any other tool for scaling and resizing your website image.

You can also perform image optimization without losing quality on tinypng.com.

compress and scale images for best SEO

Create An Image Sitemap

Generally sitemaps are used for helping search engine bots to better index your website and find info on it easily. Adding an image sitemap will also help your website SEO and make your images appear on top in Google image search result.

If you are using WordPress, Yoast SEO plugin can help you better in creating image sitemap automatically.

Conclusion:

For sure, there are so many other On-Page SEO tips you can use for better rankings, but these are the most important when it comes to image optimization, after this you may not need to do more SEO work on your images.

In short, choose your image wisely and make sure it is high quality image and related to the content you’re writing. If it’s not related, your readers and visitors will not connect. The image is a representative to help attract people to the content, while also giving them a graphical idea of what the content is all about.

Don’t forget to test your images and their impact on website loading speed, SEO and traffic. Because image is worth a thousand words, but never neglect your text content. A sensible use of both the content and images will bring a perfect result.

This article is the complete guide for image optimization. Please share it as well if you found it good. Also, if you have any questions or queries, you can leave us a comment or contact us via our contact form.

wordpress website Maintenance Checklist
Website maintenance is necessary just like maintaining your car or a bike. Without website maintenance your online business will not run for a long time of period, as your website need fresh content to manage its ranking and popularity in popular search engines, . But, are you taking your website maintenance seriously?

In this article we will discuss important points on how to maintain your WordPress Website. So you can increase your return on investment. Here’s a website maintenance checklist to get you started.

If you found this article helpful please share it as much as you can.

WordPress Version Updates

After the creation of website on WordPress platform, updating WordPress to the latest and newest version is most important job. As soon as latest version of WordPress is released, users of WordPress receive an update message via email and as well as in your WordPress Admin Area. To update WordPress version, click the link in this message like shown in the picture below:

http://digitalpixels.co/wp-content/uploads/2017/01/img.jpg

WordPress Plugins Updates

You can see WordPress Plugin update on the Dashboard screen, an alert on the Plugin’s menu title, and on the Plugin page. Click on update and Follow the instructions to update the Plugin.
In case, if updated WordPress Plugin is not compatible with your version of WordPress contact the Plugin author and share complete error details directly.

Check for Broken Links

There is lots of tools on internet which can find 404 errors (Broken Links), Xenu is one of them, it can find all broken images, CSS and JS files and 404 pages, keeping 404 error pages on your website is a huge SEO risk, because broken links frustrate users which cause them to leave your website and in a result your search engine rankings goes down.

301 Redirect for broken links

You can also use 301 redirect code in your .htaccess file for your 404 broken links, or you can also use Simple 301 Redirects (a WordPress plugin) to easily redirect all 404 errors to some other related pages.

Setting up WordPress security

Updating WordPress and its plugins is the part of WordPress security, but this is not enough to secure your website from hackers around the world. You should need to apply some more security features so that no one can hack your website easily.

Website Loading Time Optimization

Slow loading websites frustrates users and search engine as well, which causes decline in search engine rankings. You can analyze your website on GT Metrix and Google Speed Test and remove all possible issues you can, this will improve your website loading speed.
Keep your website loading time less 3 seconds, and remove all useless images, CSS and JS files from your website which causes high loading time.

Optimizing your database

Optimization and cleaning your WordPress website database can also increase your website loading time. WP-Optimize is the best plugin for this job with 500,000+ active installs, this plugin will clean up your database quickly and easily.

Create Website Backups

If it is not possible for you to create a backup of your website every 15 days then make it once in a month, creating backup is necessary because sometimes in a rush you delete your website files or it also possible that your website stop working due to WordPress update or any other unknown reason or it is also possible that someone hack your website and delete all files and mess around your website, in this case you can restore your website using backup files and database.

Search Engine Optimization

SEO is the basic part for running your business online, keep some good title and meta tags, add some fresh content and images weekly or on monthly basis regarding your services or products, and always keep an eye on your top competitors.

If you are not a complete technical in maintaining your website, do not worry. But at least took some basic knowledge of website maintenance and basic SEO, so that no one can make you fool. Hire some good organization which gives you good results

Analytics

Always keep an eye on your website, create a GA (Google Analytics) account. It helps you highlight the most important metrics for your website.

Also, signing up for Google Webmaster account gives you more details about your website, like Search Analytics, Links to Your Site and Crawl Errors are the most important features.

websiteMaintenanceDigitalPixels

Final Checkup

After trying all of the above website maintenance steps, take a look at your website functionality and design like filling out contact forms, HTML, CSS and jQuery styles and functionality.

Consider this website maintenance checklist as a starting point. You can surely dig deeper in any one of these areas for security and search engine rankings. For more free updates, questions and queries contact us at Digital Pixels.

Search Engine Optimization (SEO)
Nowadays it is not enough to design and develop a beautiful, functional website that attracts your clients. If you truly wish your client to search your website online and engage themselves with it, then search engine friendly web design is essential. Search engine optimization (SEO) is a process of improving keyword rankings and the visibility of a website in organic search results.

Search engine interprets the websites differently than it looks to normal user. In this article, we’ll target different technical aspects of creating (or updating) websites so they are structured for both the normal users and search engines. Share this article on all social platforms with designers, developers and normal users as well, so that all parties who involved in a website’s creation process work on a same platform.

User Friendly website Design

Many website designers and businesses owners make the mistake of ignoring website user friendliness. As there is nothing more irritating and disturbing than visiting a web page that is difficult to navigate. User Friendly Websites can boost the performance of your website and raise your chances of accomplishment. It can also help your business by increasing sales and revenue.

That is why building a website that is user and SEO friendly is so necessary to your business. Follow these 11 tips to enhance your website performance and your target market will continuously keep visiting your website.

On Page SEO Optimization Basic Tips

  1. Use SEO-Friendly URLs
  • Try to use your focus Keyword in your web page URLs.
  • Try to manage your web page URL in 3 to 5 words.
  • Do not use underscores, use dash (-) if you want to separate words.
  • Avoid Long and ugly URLs
  1. Use XML Sitemap
  • Create and submit your xml sitemap to google webmaster
  • Make sure your xml sitemap is always up to date
  1. Start website Title with Keyword
  • Website title tag is the most import in On Page SEO
  • Use your focus Keyword in start of your web page title
  • Write attractive and unique Titles for each page
  • Do not exceed your title from more 55 characters.
  • Always sue modifiers in your title. Like, 2016, Guide, Affordable, best etc.
  1. Meta Description
  • Use Unique and attractive Meta description for each of your web page
  • Make sure that the description you write contains focus keyword, especially in start.
  • Do not exceed your description from more 156 characters.
  1. Use web page heading in an H1 Tag
  • Try to use H1 heading at the start of the web page
  • Make sure that your H1 heading is attractive as well and should contain focus keyword.
  1. Use of images
  • Use Scaled Images
  • Always Use Alt Tags on your images
  • At least one image must contain a focus keyword in alt tag
  • Use images related to your product or services
  • Use CSS sprite images for separate icons
  • Optimize and compress your images.
  1. Use Subheadings in H2 Tags
  • Always use subheading in your web page
  • Wrap your sub heading in h2 and h3 tags
  1. Write Unique Content
  • Write unique and attractive content for each of your web page
  • Try to use focus keyword in first 100 words
  • Make your sentences short, reduce it to 20 characters.
  • After every 300 characters use Sub heading.
  • At least write 700 words article.
  1. Create Responsive Website Design
  1. Use Internal and Outbound Links
  • Use Internal links; it helps your website visitors to easily navigate through your website
  • Use outbound or external links, google will track what is your page all about and it will rank you easily and quickly.
  1. Manage Website Speed between 2 – 4 seconds
  • Optimize your website speed between 2 – 4 seconds
  • In order to optimize your website, Minify HTML, CSS & JavaScript files
  • Compress and scale your images, if it is possible try to use Image dimensions as well
  • Specify a cache validator in .htacess file
  • Do not use Inline CSS code
  • Do not use extra CSS or JS files; also reduce your http request by using image icon in CSS sprite
  • Do not use iframes in your web page.
  • Don’t use YouTube, Vimeo videos directly in your web page, instead of that use video in pop up
  • Make your page size less than 1 MB.
  • Check your website on com Weekly or Monthly

Conclusion:

Last but not least, always use track your website using google Analytics and google webmaster tools, and resolve all issue as soon as possible. If you are still looking for more guidance, do not hesitate to contact us at Digital Pixels any time.