{"id":10813,"date":"2017-12-04T11:23:45","date_gmt":"2017-12-04T08:23:45","guid":{"rendered":"https:\/\/www.ibtdi.com\/?p=10813"},"modified":"2017-12-04T11:23:45","modified_gmt":"2017-12-04T08:23:45","slug":"10-%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d9%84%d9%84%d8%aa%d8%b9%d8%a7%d9%85%d9%84-%d9%85%d8%b9-%d8%a7%d9%84%d8%b5%d9%88%d8%b1-%d9%81%d9%8a-%d9%85%d9%88%d9%82%d8%b9%d9%83","status":"publish","type":"post","link":"https:\/\/www.ibtdi.com\/en\/10-%d9%86%d8%b5%d8%a7%d8%a6%d8%ad-%d9%84%d9%84%d8%aa%d8%b9%d8%a7%d9%85%d9%84-%d9%85%d8%b9-%d8%a7%d9%84%d8%b5%d9%88%d8%b1-%d9%81%d9%8a-%d9%85%d9%88%d9%82%d8%b9%d9%83\/","title":{"rendered":"10 Tips for Handling Images on Your Website"},"content":{"rendered":"<p><a href=\"https:\/\/wp.me\/p6Laog-2Op\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"http:\/\/icons.iconarchive.com\/icons\/tristan-edwards\/sevenesque\/1024\/Preview-icon.png\" alt=\"Image result for images icon\" width=\"448\" height=\"448\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">There\u2019s no doubt that content and backlinks are essential for achieving high search rankings. Everyone focuses on content and links, but few <\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">give the images published in their articles the attention they deserve\u2014even though images can lower your rankings or help push your website higher in search results.<\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\"> In this article, I\u2019ll share 10 important tips for handling the images you use on your website and include in your articles. Follow these tips as closely as you can <\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">to improve your search rankings.<\/span><\/p>\n<p>.<\/p>\n<h2 style=\"text-align: center;\"><span style=\"font-size: 28px; font-family: 'comic sans ms', sans-serif; color: #00ccff;\">Tip 1: Image size<\/span><\/h2>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">As a website administrator, you should know that users are impatient and their patience runs out quickly. You have 3 seconds for your page to load in the user's browser; otherwise <\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">\u0633\u064a\u0631\u062a\u0641\u0639\u00a0<a href=\"https:\/\/www.ibtdi.com\/en\/best-ways-to-reduce-bounce-rate\/\">Bounce Rate<\/a>\u00a0\u0648 \u0633\u064a\u0631\u062a\u0641\u0639 \u0632\u0645\u0646 \u0627\u0644\u062a\u062d\u0645\u064a\u0644 \u0648 \u0628\u0627\u0644\u062a\u0627\u0644\u064a \u0648 \u0643\u0646\u062a\u064a\u062c\u0629 \u062d\u062a\u0645\u064a\u0629 \u0633\u064a\u062a\u0631\u0627\u062c\u0639 \u062a\u0631\u062a\u064a\u0628 \u0645\u0648\u0642\u0639\u0643 \u060c \u0644\u0643\u064a \u062a\u0633\u0631\u0639 \u0645\u0646 \u0632\u0645\u0646 \u062a\u062d\u0645\u064a\u0644 \u0635\u0641\u062d\u062a\u0643 \u0623\u0648\u0644 \u0645\u0627 \u0639\u0644\u064a\u0643 <\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">consider is reducing the size of the images used on your site. Smaller images help your site load faster and therefore <a href=\"https:\/\/www.ibtdi.com\/en\/how-do-you-can-raise-the-page-rank\/\">\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0631\u062a\u064a\u0628<\/a> \u060c <\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">To reduce image sizes, follow these two guidelines:<\/span><\/p>\n<p>.<\/p>\n<h2 style=\"text-align: center;\"><span style=\"font-size: 28px; font-family: 'comic sans ms', sans-serif; color: #00ccff;\">Reduce image dimensions:<\/span><\/h2>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">If the area where the page displays the image is 500 \u00d7 500, try to upload an image with the same dimensions\u2014that is, 500 \u00d7 500. Larger images <\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">have larger file sizes and won\u2019t give you better results when the space allocated for the image is only 500 \u00d7 500.<\/span><\/p>\n<p>.<\/p>\n<h2 style=\"text-align: center;\"><span style=\"font-size: 28px; font-family: 'comic sans ms', sans-serif; color: #00ccff;\">Reduce file size:<\/span><\/h2>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">Check an image\u2019s file size before uploading it. There\u2019s no benefit to uploading images larger than 5 MB; larger files mean longer loading times.<\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\"> So, reduce the image file size before uploading it. You can do this using Photoshop or one of the free websites that offer this service online. Here are <\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">some websites you can use:<\/span><\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.reduceimages.com\" target=\"_blank\" rel=\"noopener\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">http:\/\/www.reduceimages.com<\/span><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/jpeg-optimizer.com\" target=\"_blank\" rel=\"noopener\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">http:\/\/jpeg-optimizer.com<\/span><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/webresizer.com\" target=\"_blank\" rel=\"noopener\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">http:\/\/webresizer.com<\/span><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/compressjpeg.com\" target=\"_blank\" rel=\"noopener\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">http:\/\/compressjpeg.com<\/span><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.resize-photos.com\" target=\"_blank\" rel=\"noopener\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">http:\/\/www.resize-photos.com<\/span><\/a><\/p>\n<p>.<\/p>\n<h2 style=\"text-align: center;\"><span style=\"font-size: 28px; font-family: 'comic sans ms', sans-serif; color: #00ccff;\">Tip 2: Image name<\/span><\/h2>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">Search engine crawlers can\u2019t see or recognize images, so you need to help them by choosing descriptive names <\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">for your images that reflect their content. For example, if an image shows how to do a fitness exercise, don\u2019t name the file pic1.jpg or <\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">image3.jpg. Instead, give it a descriptive name, such as fitness-exercise.jpg. The name should reflect the image\u2019s content. Another point I\u2019d like to mention is keywords. <\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">There\u2019s no harm in including<a href=\"https:\/\/www.ibtdi.com\/en\/how-do-you-search-for-keywords-effectively\/\"> Keyword<\/a> Include it in the image name, but don\u2019t overuse it\u2014keep it natural and unforced, as repetition may lead to<\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\"> \u0644\u0643 \u0627\u0644\u0639\u0642\u0648\u0628\u0627\u062a .<\/span><\/p>\n<p>.<\/p>\n<h2 style=\"text-align: center;\"><span style=\"font-size: 28px; font-family: 'comic sans ms', sans-serif; color: #00ccff;\">Tip 3: Alt text or Alt tag<\/span><\/h2>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">It\u2019s very important to add a description for every image you upload to your website that reflects its content, in the alternative text field, also known as the Alt tag. This <\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">helps improve search rankings. Alt text is used with images to help people who are blind browse the internet. Special software <\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">reads the alt text aloud so they can understand what the image depicts, since they cannot see it.<\/span><\/p>\n<p>.<\/p>\n<h2 style=\"text-align: center;\"><span style=\"font-size: 28px; font-family: 'comic sans ms', sans-serif; color: #00ccff;\">Tip 4: Image sitemap<\/span><\/h2>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">A sitemap is an XML file that acts as a guide to the sections that make up a website. It is used <a href=\"https:\/\/www.ibtdi.com\/en\/17-means-to-boost-search-engine-optimization-for-free\/\">Search engines<\/a> by search engine crawlers during the crawling process. <\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">This helps Google index the different sections of a website. To ensure proper indexing, Google recommends that webmasters add a sitemap. <\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">To ensure your website\u2019s pages are indexed correctly, create an image sitemap if you want Google to index the images on your site. If <\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">you have a large number of images on your site, create a dedicated image sitemap. <\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">After creating the sitemap and uploading it to your site, remember to add it to Google Search Console.<\/span><\/p>\n<p>.<\/p>\n<h2 style=\"text-align: center;\"><span style=\"font-size: 28px; font-family: 'comic sans ms', sans-serif; color: #00ccff;\">Tip 5: Add a title to the image<\/span><\/h2>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">An image title is the description displayed below the image. Be sure to distinguish between the image filename, alt text, and image title\u2014each is <\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">different, and you should include all three when using images. Users and search engines both read image titles, so add titles to your images. <\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">Learn what these images contain.<\/span><\/p>\n<p>.<\/p>\n<h2 style=\"text-align: center;\"><span style=\"font-size: 28px; font-family: 'comic sans ms', sans-serif; color: #00ccff;\">Tip 6: Use compressed images<\/span><\/h2>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">Before uploading an image, check its file extension. The extension indicates the image format and whether it is compressed. Always use compressed images on your website to ensure <\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">faster page load times. Common image file extensions include GIF, PNG, and JPG.<\/span><\/p>\n<p>\u0632<\/p>\n<h2 style=\"text-align: center;\"><span style=\"font-size: 28px; font-family: 'comic sans ms', sans-serif; color: #00ccff;\">Tip 7: Host your images on other websites<\/span><\/h2>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">If you have many images and want to display them at high resolution without reducing their quality, and your website is hosted on a slow server,<\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\"> it\u2019s best to upload your images to other websites so they don\u2019t affect your page\u2019s load time. Here are some sites you can use for <\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">image hosting:<\/span><\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/postimage.org\" target=\"_blank\" rel=\"noopener\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">http:\/\/postimage.org<\/span><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/imgur.com\" target=\"_blank\" rel=\"noopener\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">http:\/\/imgur.com<\/span><\/a><\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/tinypic.com\" target=\"_blank\" rel=\"noopener\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">http:\/\/tinypic.com<\/span><\/a><\/p>\n<p>.<\/p>\n<h2 style=\"text-align: center;\"><span style=\"font-size: 28px; font-family: 'comic sans ms', sans-serif; color: #00ccff;\">Tip 8: Disable images when the site is opened on a smartphone<\/span><\/h2>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">We\u2019ve discussed the importance of making websites mobile-friendly in many of our articles. We\u2019ve also noted that mobile-friendly websites receive a higher score from <\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">Google\u2019s algorithms. If images on a page aren\u2019t essential and users can do without them, you can detect the device being used to <\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">browse and hide the images when it\u2019s a smartphone. This reduces the time it takes to load the page on a smartphone.<\/span><\/p>\n<p>.<\/p>\n<h2 style=\"text-align: center;\"><span style=\"font-size: 28px; font-family: 'comic sans ms', sans-serif; color: #00ccff;\">Tip 9: Reuse the same images<\/span><\/h2>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">Users often reuse the same image in multiple articles and pages, uploading it again each time even though <\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">the image is already available. As a result, whenever a user opens a page containing the image, the browser downloads it again. When reusing the same <\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">image, don\u2019t upload it again. Use the image once to ensure it\u2019s downloaded only once by the user\u2019s browser.<\/span><\/p>\n<p>.<\/p>\n<h2 style=\"text-align: center;\"><span style=\"font-size: 28px; font-family: 'comic sans ms', sans-serif; color: #00ccff;\">Tip 10: Use a hyphen (-) instead of an underscore (_):<\/span><\/h2>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">Google prefers using a hyphen (\u2013) in image names. You can use spaces instead, of course; this isn\u2019t required, but the hyphen is preferred. <\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-size: 20px; font-family: 'comic sans ms', sans-serif;\">When separating words in image names.<\/span><\/p>","protected":false},"excerpt":{"rendered":"<p>&nbsp; \u0644\u0627\u0634\u0643 \u0623\u0646 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648 \u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u062e\u0644\u0641\u064a\u0629 \u0645\u0646 \u0627\u0644\u0623\u0645\u0648\u0631 \u0627\u0644\u0647\u0627\u0645\u0629 \u062c\u062f\u0627\u064b \u0644\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062a\u0631\u062a\u064a\u0628 \u0645\u0631\u062a\u0641\u0639 \u0641\u064a \u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0628\u062d\u062b \u060c \u0641\u0627\u0644\u0643\u0644 \u064a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648 \u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0648<span class=\"excerpt-hellip\"> [\u2026]<\/span><\/p>\n","protected":false},"author":3,"featured_media":10832,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_ibtdi_aa_focus_keyword":"","_ibtdi_aa_secondary_keywords":"","_ibtdi_aa_audience":"","_ibtdi_aa_tone":"","_ibtdi_aa_summary":"","_ibtdi_aa_reviewer_name":"","_ibtdi_aa_reviewer_bio":"","_ibtdi_aa_reviewer_url":"","_ibtdi_aa_reviewed_date":"","_ibtdi_aa_service_id":"","_ibtdi_aa_related_ids":"","_ibtdi_aa_human_reviewed":"","_ibtdi_aa_disable":"","_ibtdi_aa_disable_links":"","_ibtdi_aa_sources":"","_ibtdi_aa_update_notes":"","footnotes":""},"categories":[491],"tags":[14446,13533,11449,9125,5272,13538,1413,13131],"class_list":["post-10813","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-491","tag-14446","tag-13533","tag-11449","tag-9125","tag-5272","tag-13538","tag-1413","tag-13131"],"_links":{"self":[{"href":"https:\/\/www.ibtdi.com\/en\/wp-json\/wp\/v2\/posts\/10813","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ibtdi.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ibtdi.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ibtdi.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ibtdi.com\/en\/wp-json\/wp\/v2\/comments?post=10813"}],"version-history":[{"count":0,"href":"https:\/\/www.ibtdi.com\/en\/wp-json\/wp\/v2\/posts\/10813\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ibtdi.com\/en\/wp-json\/wp\/v2\/media\/10832"}],"wp:attachment":[{"href":"https:\/\/www.ibtdi.com\/en\/wp-json\/wp\/v2\/media?parent=10813"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ibtdi.com\/en\/wp-json\/wp\/v2\/categories?post=10813"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ibtdi.com\/en\/wp-json\/wp\/v2\/tags?post=10813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}