450+ experts on 30 subjects ready to help you just now
Starting from 3 hours delivery
Pssst… we can write an original essay just for you.
Any subject. Any type of essay. We’ll even meet a 3-hour deadline.Get your price
121 writers online
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.
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
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.
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.
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.
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.
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.
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.
We provide you with original essay samples, perfect formatting and styling
To export a reference to this article please select a referencing style below:
Sorry, copying is not allowed on our website. If you’d like this or any other sample, we’ll happily email it to you.
Attention! This essay is not unique. You can get a 100% Plagiarism-FREE one in 30 sec
Sorry, we could not paraphrase this essay. Our professional writers can rewrite it and get you a unique paper.
Please check your inbox.
Want us to write one just for you? We can custom edit this essay into an original, 100% plagiarism free essay.Order now
Are you interested in getting a customized paper?Check it out!