Thursday, August 29, 2019
7 Things You Should Be Doing For Every Image On Your WordPress Site
7 Things You Should Be Doing For Every Image On Your WordPress Site Adding an image to your website is not as simple as just uploading and clicking the publish button. Of course, that is an option ââ¬â you can do it the lazy way ââ¬â but if you want a perfectly optimized website and favored search results, there are a few things you need to do to make sure that the images are optimized before you publish them. You may find it tedious and annoying, and time consuming, but taking the time to do this right will be worth it when you see your A+ grade on Google and Bing Webmaster Tools and are rewarded with stellar search rankings. Editing Your Images: If you donââ¬â¢t own an Adobe Photoshop license, donââ¬â¢t worry, there are plenty of free online photo editing tools that can help you get the job done. Using high quality photos on your website is as important as using proper grammar.à These websites offer free tools that make it easy to crop, resize, and edit your images:à à PicMonkey https://www.picmonkey.comFotor http://www.fotor.comPixlr https://pixlr.com Optimise and Compress Your Images: Large image files take up a lot of valuable space on your website and will slow down your site speed and hinder its performance considerably. Before you upload any image to your site, compress it or at as a minimum, make sure you have the Ewww Image Optimizer Plugin installed as advised by Kyle in the lessons.à In Adobe Photoshop, select ââ¬Å"compress for webâ⬠before saving the file. You can also achieve similar results using some of the free image compression tools available online. Site speed is a ranking factor so the faster the better.à TinyPNG -https://tinypng.comPNGGaunlet http://pnggauntlet.comPunyPNG http://www.punypng.comResults vary, but in one test, Adobe Photoshop reduced a 236 KB image to 108.1KB, while TinyPNG reduced the same file from 236KB to 110.4KB. So, Adobe Photoshop does perform slightly better, but you can get pretty close using other programs. Consider Your File Names:à Once you have readied the image for uploading, make sure to name it properly. Search engines use file names to identify and index results so this is a really important step. If you name a file with a bunch of letters and numbers that doesnââ¬â¢t give search engines any information about what the image portrays. However, if the file has a specific name such as, ââ¬Å"New York at Dawnâ⬠then it can be categorized and indexed, whereas naming the file something like, ââ¬Å"New Yorkâ⬠doesnââ¬â¢t describe the image very well. Use keywords in the file name to boost your search results. Be sure to use hyphens in the file name to separate words. à Image URLs: When you upload your edited, compressed, properly named image to your website, WordPress will show the attachment details in a box on the right side of the Insert Media page showing the automatically generated permalink URL based on the file name, this is essentially the web address of the image. You canââ¬â¢t change this once itââ¬â¢s uploaded so if you forgot to change the file name before uploading your file, youââ¬â¢ll have to delete the image and re-upload the newly named image. Image Title Attributes:à The image title box is right below the URL box. Here, you can name the image whatever you like. This title should complement the Alt Text Attribute, but not repeat it. Though, Google primarily uses the Alt Text Attribute to determine information about an image file, itââ¬â¢s helpful to add additional relevant information about the image in the Title box. Something short and specific will do. Your Image Captions:à à Adding a caption is not necessary for SEO purposes, but may be helpful for user experience. The content in this box will display on the front end of the site while the Alt and Title Attributes will not.à The Alt Text Attributeà The ââ¬Å"Altâ⬠is short for alternative. Search engines refer to the alt text when trying to determine information about the image ââ¬â a textual representation of the image content. The best use of an Alt Text box is to provide a word pairing for the image. Specificity helps here, too. This is a very important element for SEO because it provides a description that lends to search results. Donââ¬â¢t use the same content for the Alt Text and Title Text or Description fields. They each need to be unique. This is the content that will appear if a browser is unable to display the image. Your Image Descriptions:à The description information will be displayed on the attachment page of your image. In this field, you can be as descriptive as you like, such as telling the story behind the image or what kind of camera you used to take the photograph. You can add links in the description field. Again, donââ¬â¢t just copy and paste the information from the Title or Alt Attributes. Hopefully this gives you an idea of best practice when adding images to your website.
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment
Note: Only a member of this blog may post a comment.