{"id":142175,"date":"2020-10-19T11:44:16","date_gmt":"2020-10-19T11:44:16","guid":{"rendered":"https:\/\/www.searchenginewatch.com\/?p=142175"},"modified":"2020-10-19T11:49:00","modified_gmt":"2020-10-19T11:49:00","slug":"optimizing-the-browser-long-tail-across-platforms-devices-and-countries","status":"publish","type":"post","link":"https:\/\/searchenginewatch.com\/2020\/10\/19\/optimizing-the-browser-long-tail-across-platforms-devices-and-countries\/","title":{"rendered":"Optimizing the browser long tail across platforms, devices, and countries"},"content":{"rendered":"<div class=\"well\">\n<h3>30-second summary:<\/h3>\n<ul>\n<li>If a company or brand wants to go global, it must understand the intricacies of where and how consumers browse, realizing that true optimization must consider content consumption trends and regional device or browser differences.<\/li>\n<li>Better user experiences and higher engagement levels depend on it.<\/li>\n<li>There is no such thing as \u201cmobile vs. desktop\u201d when optimizing visuals for a website.<\/li>\n<li>Cloudinary&#8217;s VP of Marketing discusses how to optimize at a global scale.<em>\u00a0<\/em><\/li>\n<\/ul>\n<\/div>\n<p>Just as diverse as the devices and browsers on which people globally surf the web, the internet is a complex digital world. If a company or brand wants to go global, it must understand the intricacies of where and how consumers browse, realizing that true optimization must consider content consumption trends, and regional device or browser differences. Better user experiences and higher engagement levels depend on it. More on how optimizing the browser long tail can help your business.<\/p>\n<h2>Visual storytelling is everything, but not simple<\/h2>\n<p>Marketers rely heavily on visuals as part of their strategy to make a meaningful impact and ensure a good first impression. Whether to sell an apparel product or market a professional service, a photo or video will more quickly communicate value than a written description. Delivering compelling visuals across a website is critical to achieving the desired call to action for a site visitor, but it\u2019s often technical details that interfere with a brand\u2019s visual storytelling efforts.<\/p>\n<p>There is no such thing as \u201cmobile vs. desktop\u201d when <a href=\"https:\/\/searchenginewatch.com\/2019\/05\/31\/image-optimization-for-seo\/\" target=\"_blank\" rel=\"noopener noreferrer\">optimizing visuals for a website<\/a>. While once a helpful reminder for developing responsive and user-friendly sites, this simplistic, either-or mentality doesn\u2019t account for every possible touchpoint.<\/p>\n<p>Consider this scenario: first thing in the morning, a man checks his WhatsApp messages on his phone to see that a friend shared a Facebook link for a fitness watch. He then starts looking more into it on his device before getting out of bed. Once he\u2019s logged on to his desktop during work hours, he does additional research, digging into product details and features. Later, he pulls up the website on his tablet to show the watch to his girlfriend as a birthday hint, referencing customer testimonial videos to drive his point home. Before calling it a day, he\u2019s back on his phone in WhatsApp or via text message, sharing with his friend that he\u2019s almost certain the watch will soon be his.<\/p>\n<p>There are a variety of important aspects to consider when creating a visual story online, as shown in this example: the default browser on the man\u2019s device, the microbrowser through which he communicates with friends, the previews associated with unfurled social media links; and finally, the different devices he interacts with, each having different requirements for size, and aspect ratios. Nothing is more frustrating than investing significant time and resources to create beautiful visuals for a campaign only to discover that audiences aren\u2019t seeing them how they were intended.<\/p>\n<h2>The browser long tail and other browser dynamics shouldn\u2019t compromise your visuals<\/h2>\n<p>Despite the dominant players in the global browser market, there still exists a browser long tail \u2013 a list of different browser versions used by consumers \u2013 with significant regional differences. Consumers expect a consistent experience, wherever they engage with brands, but a big reason for consistency issues is a developer\u2019s limited view of just how lengthy that worldwide list of relevant browser types really is.<\/p>\n<p>In this year\u2019s <a href=\"https:\/\/cloudinary.com\/state-of-visual-media-report\/\" target=\"_blank\" rel=\"noopener noreferrer\">State of the Visual Media Report<\/a>, Cloudinary found that while <a href=\"https:\/\/searchenginewatch.com\/2020\/08\/21\/what-the-commoditization-of-search-engine-technology-with-gpt-3-means-for-google-and-seo\/\" target=\"_blank\" rel=\"noopener noreferrer\">Chrome and Safari<\/a> continue to lead the worldwide browser market (63.91% and 18.2%, respectively), lesser-known variants are still influential in many parts of the world. In analyzing more than 200 billion monthly transactions across 700 customers, research found, for example, that Nokia devices are still popular in Northern Europe, and in certain Asian markets, Nintendo DS systems see a lot of traffic. Surprisingly, there\u2019s even image traffic coming from legacy office software like Lotus Notes. Understanding these nuances of the browser long tail in different geographies will give developers a leg up as they work to ensure every image or video format used is supported by a viewer\u2019s browser of choice.<\/p>\n<h3>Adopting visual content and lite mode to improve engagement durations<\/h3>\n<p>In April 2020, 18% of global Android users enabled the \u201csave-data,\u201d or lite mode, function, which enables faster browsing by decreasing the amount of mobile data used. In this mode, Google\u2019s servers may consider web pages fully loaded without processing large-format and data-rich visual content. Knowing this, developers can adopt visual content to ensure the experience will be optimal without losing site performance. According to Cloudinary data, web developers that work to optimize the lite mode experience benefit from longer engagement and see up to a 10% uptick in session engagement. Given the strong correlation between adapted content and longer engagement, it\u2019s in a developer\u2019s best interest to ensure visuals are adapted for this device mode and its users.<\/p>\n<h2>Embracing intelligent asset optimization for a seamless user experience<\/h2>\n<p>Making sure a website\u2019s images and videos are responsive is more than just adjusting for the right layout. More than ever, it\u2019s now about making sure that content is making the greatest use of landscape and portrait device orientations. A responsive site adapts its layout to the viewing environment, resizing and moving elements dynamically based on the properties of the browser or device the site is displayed on.<\/p>\n<p>AI can automatically detect web visitors\u2019 visual requirements and their browsers, automatically delivering each image and video in the most efficient format, quality, and resolution. <a href=\"https:\/\/searchenginewatch.com\/2020\/09\/08\/transforming-advertisement-and-graphic-design-through-ai\/\" target=\"_blank\" rel=\"noopener noreferrer\">AI<\/a> can also detect the subject in an image that is most likely to capture a viewer\u2019s attention to help automate the resizing and cropping of visual content.<\/p>\n<p>The browser long tail shouldn\u2019t degrade a user\u2019s experience of visuals on a website. Dev teams should prepare for the browser longtail as they seek to understand and reach their target audience. Only when they wrap their arms around the vast universe of browser dynamics can they create a visual online storytelling experience that is consistent and meaningful, worldwide.<\/p>\n<p><em>Sanjay Sarathy is VP Marketing at Cloudinary.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cloudinary&#8217;s VP of Marketing discusses how to optimize at a global scale to increase audience engagement.<\/p>\n","protected":false},"author":1092,"featured_media":142234,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14,7],"tags":[27942,75,37,27970,391,33,727,757,3538],"content_type":[],"class_list":["post-142175","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","category-industry","tag-audience-engagement","tag-content-2","tag-google","tag-microbrowsers","tag-mobile-optimization","tag-search","tag-user-experience-ux","tag-visual-content","tag-web-browsers"],"acf":{"tad_independentcommercial":false,"tad_content_format":false},"post_info":{"name":"idris.nagri@blenheimchalcot.com idris.nagri@blenheimchalcot.com","title":"","thumbnail_url":"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2020\/10\/Optimizing-the-browser-long-tail-across-platforms-devices-and-countries.png","category":"Development","timeago":"5y"},"_links":{"self":[{"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/posts\/142175","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/users\/1092"}],"replies":[{"embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/comments?post=142175"}],"version-history":[{"count":0,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/posts\/142175\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/media\/142234"}],"wp:attachment":[{"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/media?parent=142175"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/categories?post=142175"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/tags?post=142175"},{"taxonomy":"content_type","embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/content_type?post=142175"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}