{"id":9418,"date":"2022-10-20T08:52:08","date_gmt":"2022-10-20T01:52:08","guid":{"rendered":"https:\/\/kikav6-support.kikalab.ca\/?post_type=docs&#038;p=9418"},"modified":"2024-02-06T04:38:22","modified_gmt":"2024-02-05T21:38:22","password":"","slug":"image-optimization","status":"publish","type":"docs","link":"https:\/\/kika.ca\/kb\/docs\/image-optimization\/","title":{"rendered":"Image Optimization"},"content":{"rendered":"<div class=\"wpb-content-wrapper\">[vc_row row_height_percent=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; uncode_shortcode_id=&#8221;510809&#8243; el_class=&#8221;betterdocs-text&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_column_text uncode_shortcode_id=&#8221;159629&#8243; el_class=&#8221;link-blue underlink line-out line-blue&#8221;]\r\n<h2>Image Optimization<\/h2>\r\n<span style=\"font-weight: 400;\">Image optimization focuses on achieving high ranking and high traffic volume from image search engine results. It is important to consider because consumers are increasingly searching for products via image search engines because they can rapidly find what they are seeking without having to dig through promotion-laden websites. This is especially true for users who browse through images to find destinations they can go visit.\u00a0<\/span>\r\n\r\n<span style=\"font-weight: 400;\">Google can&#8217;t read images, they can only read text. Adding alt tags, or text descriptions to the image properties, provide Google with a clear snapshot of what the site is about.<\/span>\r\n\r\n<span style=\"font-weight: 400;\">The Google image bot not only relies on the filename and the alt tag to understand an image, but it also considers a lot of the same factors that the Google search bot looks at, including the title tag, meta description, heading tags, links and anchor text. Taking these factors into consideration is important when optimizing the images as it helps search engines better understand and index image content.<\/span>\r\n\r\n<span style=\"font-weight: 400;\">Also it\u2019s often far easier to get ranked in Google Image Search. Last but not least images show up in the regular Google search via Google Universal search results. In most cases image results are displayed on top of the page or above the fold.<\/span>\r\n\r\n<span style=\"font-weight: 400;\">Read the following helpful article for more info on image optimization: <\/span><a href=\"http:\/\/www.matteoduo.com\/image-optimization\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">http:\/\/www.matteoduo.com\/image-optimization\/<\/span><\/a><span style=\"font-weight: 400;\">\u00a0<\/span>\r\n\r\n<b>Featured Tools<\/b>\r\n\r\n<span style=\"font-weight: 400;\">Image Attribute pro plugin (<\/span><a href=\"https:\/\/wordpress.org\/plugins\/auto-image-attributes-from-filename-with-bulk-updater\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Site<\/span><\/a><span style=\"font-weight: 400;\">)<\/span>\r\n<h2><b>Image Guidelines <\/b><\/h2>\r\n<span style=\"font-weight: 400;\">Majority of Internet users nowadays are more visual. They tend to get bored with sites that display too much text and few images. Images are therefore useful to make the audience quickly understand what the site is all about. <\/span>\r\n<ul>\r\n \t<li><b>Avoid gratuitous use. <\/b><span style=\"font-weight: 400;\">Only use graphics when they provide a clear benefit for users.<\/span><\/li>\r\n \t<li><b>Use an appropriate graphic format<\/b><span style=\"font-weight: 400;\"> as they use different forms of compression.<\/span>\r\n<ul>\r\n \t<li><b><i>JPEG<\/i><\/b><i><span style=\"font-weight: 400;\">for photographs,<\/span><\/i><\/li>\r\n \t<li><b><i>PNG<\/i><\/b><i><span style=\"font-weight: 400;\">for images that need a transparent background,<\/span><\/i><\/li>\r\n \t<li><b><i>PNG or SVG<\/i><\/b><i><span style=\"font-weight: 400;\">for logos and simple illustrations.<\/span><\/i><\/li>\r\n \t<li><b><i>GIF<\/i><\/b><i><span style=\"font-weight: 400;\">for animated images that have large areas of solid colour.<\/span><\/i><\/li>\r\n \t<li><i><span style=\"font-weight: 400;\">Whenever possible, switch from JPEG and PNG to<\/span><\/i><b><i>WebP<\/i><\/b><i><span style=\"font-weight: 400;\"> as it provides the same quality and smaller file size for web images.\u00a0<\/span><\/i><\/li>\r\n<\/ul>\r\n<span style=\"font-weight: 400;\">For more details, read: <\/span><a href=\"https:\/\/www.designpowers.com\/blog\/image-file-formats\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">How to Choose the Best Image File Format for Your Website<\/span><\/a><\/li>\r\n \t<li><b>Optimize file dimensions. <\/b><span style=\"font-weight: 400;\">Crop and scale images to an appropriate size. Do not manipulate the height and width attributes of the image tag used in HTML markup to make images look smaller than they really are. Users still have to download the large image, and this approach can reduces the crispness and apparent quality of the image.\u00a0<\/span><\/li>\r\n \t<li><b>Optimize file size.<\/b><span style=\"font-weight: 400;\"> Reduce image size to obtain lowest page load time. Use TinyPNG <\/span><a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">www.tinypng.com<\/span><\/a><\/li>\r\n \t<li><b>Use thumbnails on blog cards<\/b><span style=\"font-weight: 400;\"> and link them to the original image. This will decrease the site load time.<\/span><\/li>\r\n \t<li><b>Store all images in one directory<\/b><span style=\"font-weight: 400;\"> (e.g.<\/span><span style=\"font-weight: 400;\">www.example.com\/images\/<\/span><span style=\"font-weight: 400;\">)<\/span><\/li>\r\n \t<li><b>Optimize the image\u2019s alt attributes<\/b><span style=\"font-weight: 400;\"> with the target keyword (up to 140 characters).<\/span><\/li>\r\n \t<li><b>Include the target keyword on the image filename<\/b><span style=\"font-weight: 400;\"> or IMG SRC string and\/or have the SRC URL string contain it.<\/span><\/li>\r\n<\/ul>\r\n<h2>Tools &amp; Resources<\/h2>\r\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/1&#8243;][vc_accordion sign=&#8221;plus&#8221; el_id=&#8221;footer-accordion&#8221;][vc_accordion_tab gutter_size=&#8221;2&#8243; column_padding=&#8221;2&#8243; title=&#8221;SERP Preview Tool&#8221; tab_id=&#8221;1656057617122-2-71663079925518&#8243; slug=&#8221;SERP Preview Tool&#8221;][vc_row_inner][vc_column_inner width=&#8221;1\/1&#8243;][vc_column_text uncode_shortcode_id=&#8221;113889&#8243; el_class=&#8221;link-blue underlink line-out line-blue&#8221;]Optimize your page&#8217;s appearance in Google search results using <a href=\"https:\/\/www.portent.com\/serp-preview-tool\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">SERP Preview Tool<\/span><\/a>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_accordion_tab][\/vc_accordion][\/vc_column][\/vc_row]<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row row_height_percent=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; uncode_shortcode_id=&#8221;510809&#8243; el_class=&#8221;betterdocs-text&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_column_text uncode_shortcode_id=&#8221;159629&#8243; el_class=&#8221;link-blue underlink line-out line-blue&#8221;] Image Optimization Image optimization focuses [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[307],"doc_tag":[],"knowledge_base":[],"class_list":["post-9418","docs","type-docs","status-publish","hentry","doc_category-on-page-seo"],"year_month":"2026-06","word_count":631,"total_views":"544","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"kika.dev","author_nicename":"admin","author_url":"https:\/\/kika.ca\/kb\/author\/admin\/"},"doc_category_info":[{"term_name":"On-Page SEO","term_url":"https:\/\/kika.ca\/kb\/knowledge-base\/kika-team\/on-page-seo\/"}],"doc_tag_info":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Image Optimization - Kika Knowledge Base<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kika.ca\/kb\/docs\/image-optimization\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Image Optimization - Kika Knowledge Base\" \/>\n<meta property=\"og:description\" content=\"[vc_row row_height_percent=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; uncode_shortcode_id=&#8221;510809&#8243; el_class=&#8221;betterdocs-text&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_column_text uncode_shortcode_id=&#8221;159629&#8243; el_class=&#8221;link-blue underlink line-out line-blue&#8221;] Image Optimization Image optimization focuses [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kika.ca\/kb\/docs\/image-optimization\/\" \/>\n<meta property=\"og:site_name\" content=\"Kika Knowledge Base\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-05T21:38:22+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kika.ca\\\/kb\\\/docs\\\/image-optimization\\\/\",\"url\":\"https:\\\/\\\/kika.ca\\\/kb\\\/docs\\\/image-optimization\\\/\",\"name\":\"Image Optimization - Kika Knowledge Base\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kika.ca\\\/kb\\\/#website\"},\"datePublished\":\"2022-10-20T01:52:08+00:00\",\"dateModified\":\"2024-02-05T21:38:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kika.ca\\\/kb\\\/docs\\\/image-optimization\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kika.ca\\\/kb\\\/docs\\\/image-optimization\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kika.ca\\\/kb\\\/docs\\\/image-optimization\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/kika.ca\\\/kb\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Image Optimization\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kika.ca\\\/kb\\\/#website\",\"url\":\"https:\\\/\\\/kika.ca\\\/kb\\\/\",\"name\":\"Kika Knowledge Base\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kika.ca\\\/kb\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Image Optimization - Kika Knowledge Base","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kika.ca\/kb\/docs\/image-optimization\/","og_locale":"en_US","og_type":"article","og_title":"Image Optimization - Kika Knowledge Base","og_description":"[vc_row row_height_percent=&#8221;0&#8243; overlay_alpha=&#8221;50&#8243; gutter_size=&#8221;3&#8243; column_width_percent=&#8221;100&#8243; shift_y=&#8221;0&#8243; z_index=&#8221;0&#8243; uncode_shortcode_id=&#8221;510809&#8243; el_class=&#8221;betterdocs-text&#8221;][vc_column width=&#8221;1\/1&#8243;][vc_column_text uncode_shortcode_id=&#8221;159629&#8243; el_class=&#8221;link-blue underlink line-out line-blue&#8221;] Image Optimization Image optimization focuses [&hellip;]","og_url":"https:\/\/kika.ca\/kb\/docs\/image-optimization\/","og_site_name":"Kika Knowledge Base","article_modified_time":"2024-02-05T21:38:22+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kika.ca\/kb\/docs\/image-optimization\/","url":"https:\/\/kika.ca\/kb\/docs\/image-optimization\/","name":"Image Optimization - Kika Knowledge Base","isPartOf":{"@id":"https:\/\/kika.ca\/kb\/#website"},"datePublished":"2022-10-20T01:52:08+00:00","dateModified":"2024-02-05T21:38:22+00:00","breadcrumb":{"@id":"https:\/\/kika.ca\/kb\/docs\/image-optimization\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kika.ca\/kb\/docs\/image-optimization\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/kika.ca\/kb\/docs\/image-optimization\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kika.ca\/kb\/"},{"@type":"ListItem","position":2,"name":"Image Optimization"}]},{"@type":"WebSite","@id":"https:\/\/kika.ca\/kb\/#website","url":"https:\/\/kika.ca\/kb\/","name":"Kika Knowledge Base","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kika.ca\/kb\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/kika.ca\/kb\/wp-json\/wp\/v2\/docs\/9418","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kika.ca\/kb\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/kika.ca\/kb\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/kika.ca\/kb\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kika.ca\/kb\/wp-json\/wp\/v2\/comments?post=9418"}],"version-history":[{"count":7,"href":"https:\/\/kika.ca\/kb\/wp-json\/wp\/v2\/docs\/9418\/revisions"}],"predecessor-version":[{"id":11023,"href":"https:\/\/kika.ca\/kb\/wp-json\/wp\/v2\/docs\/9418\/revisions\/11023"}],"wp:attachment":[{"href":"https:\/\/kika.ca\/kb\/wp-json\/wp\/v2\/media?parent=9418"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/kika.ca\/kb\/wp-json\/wp\/v2\/doc_category?post=9418"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/kika.ca\/kb\/wp-json\/wp\/v2\/doc_tag?post=9418"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/kika.ca\/kb\/wp-json\/wp\/v2\/knowledge_base?post=9418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}