{"id":17758,"date":"2019-09-10T14:20:05","date_gmt":"2019-09-10T12:20:05","guid":{"rendered":"https:\/\/yieldbird.com\/?p=17758"},"modified":"2024-07-22T19:27:14","modified_gmt":"2024-07-22T17:27:14","slug":"best-practices-in-website-ad-structure-design-part-2","status":"publish","type":"post","link":"https:\/\/yieldbird.com\/research-hub\/best-practices-in-website-ad-structure-design-part-2\/","title":{"rendered":"Best Practices in Website Ad Structure Design &#8211; Part 2\/2"},"content":{"rendered":"\n<p class=\"has-text-color has-normal-font-size has-very-dark-gray-color wp-block-paragraph\">In addition to the layout on a website, an ad structure\ncan be optimized through the sizes and types of the served designs. There are\nstandards and rules that will direct you towards the <a style=\"color: crimson;\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/yieldbird.com\/best-practices-in-website-ad-structure-design\/\" target=\"_blank\"><strong>best solutions<\/strong><\/a>, but\nsometimes it\u2019s good to look into the aspect of regionalism too. Also, the\nquestion arises: are all sizes and types of ads received equally well by users?\n<\/p>\n\n\n\n<h2 style=\"font-size: 20px;\"><strong>What exactly is the standard?<\/strong><\/h2>\n\n\n\n<p class=\"has-text-color has-normal-font-size has-very-dark-gray-color wp-block-paragraph\"><br>When talking about standards on the Internet market, it\u2019s impossible not to mention the IAB (Interactive Advertising Bureau), which is an organization that brings together entities of the <a style=\"color: crimson;\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/iab.org.pl\/o-iab\/o-nas\/\" target=\"_blank\"><strong>interactive market<\/strong><\/a>. It includes over 650 of the largest media and technology companies that deal in the broadly-defined Internet marketing. <\/p>\n\n\n\n<p class=\"has-text-color has-normal-font-size has-very-dark-gray-color wp-block-paragraph\">One of the IAB\u2019s objectives is to create quality standards that affect many aspects of online advertising, such as SEO and behavioral ads. As far as the display is concerned, it is worth reading <a style=\"color: crimson;\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/www.iab.com\/newadportfolio\/\" target=\"_blank\"><strong>this article<\/strong><\/a>, it will give you recommendations and tips on advertisements from a wide range of environments such as websites, applications, and social media. The latter environment offers a lot of new technologies collectively referred to as New Media. <\/p>\n\n\n\n<p class=\"has-text-color has-normal-font-size has-very-dark-gray-color wp-block-paragraph\">Modern forms of advertising include virtual and augmented reality, as well as emoji ads (customized emoticons) and 360<sup>o<\/sup> photos. From our point of view, in the case of typical websites, display ads are the most important. The IAB has created a standardized list of sizes and rules for designs, which are supposed to provide the <a style=\"color: crimson;\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/yieldbird.com\/best-practices-in-website-ad-structure-design\/\" target=\"_blank\"><strong>best possible<\/strong><\/a> UX.<\/p>\n\n\n\n<h2 style=\"font-size: 20px;\"><strong>The most hated advertising techniques<\/strong><\/h2>\n\n\n\n<p class=\"has-text-color has-normal-font-size has-very-dark-gray-color wp-block-paragraph\"><br>Before proceeding to the main topic, it is important to analyze how users react to ads. Based on the article \u201cThe most hated online advertising techniques\u201d by <a style=\"color: crimson;\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/www.nngroup.com\/articles\/most-hated-advertising-techniques\/\" target=\"_blank\"><strong>Nielsen Norman Group<\/strong><\/a> and the survey they conducted, we can distinguish groups of those better or worse received. The answer can sometimes be surprising. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"656\" height=\"577\" src=\"https:\/\/yieldbird.com\/wp-content\/uploads\/2019\/09\/1.png\" alt=\"\" class=\"wp-image-17774\" srcset=\"https:\/\/yieldbird.com\/research-hub\/wp-content\/uploads\/2019\/09\/1.png 656w, https:\/\/yieldbird.com\/research-hub\/wp-content\/uploads\/2019\/09\/1-300x264.png 300w, https:\/\/yieldbird.com\/research-hub\/wp-content\/uploads\/2019\/09\/1-150x132.png 150w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/figure><\/div>\n\n\n\n<p class=\"has-text-color has-normal-font-size has-very-dark-gray-color wp-block-paragraph\"><a style=\"color: crimson;\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/www.nngroup.com\/articles\/most-hated-advertising-techniques\/\" target=\"_blank\"><strong>This graph<\/strong><\/a>\nshould be interpreted as follows: it uses a scale of 1\u20137, where 1 means a\npositive impression, and 7 \u2013 a negative one. <\/p>\n\n\n\n<h3 class=\"has-text-align-center wp-block-heading\"><strong>Do you like what you&#8217;re reading? Subscribe our newsletter for more content like this!<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><br><\/p>\n\n\n<p>[mc4wp_form id=&#8221;407&#8243;]<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>By subscribing to the newsletter, you agree to receive commercial information about Yieldbird\u2019s services. The controller of the personal data provided is Yieldbird with its registered office at ul. Czerska 8\/10, Warsaw. The controller processes the personal data to send you marketing content regarding its services and news about programmatic advertising. You can read more about the processing of personal data in our <\/em><em>privacy policy <\/em><em>and <\/em><em>transparency policy.<\/em><br><\/p>\n\n\n\n<p class=\"has-text-color has-normal-font-size has-very-dark-gray-color wp-block-paragraph\"><br>As you can see, when it comes to desktop ads, the most hated ones include modal ads, autoplay video ads, ads that reorganize the content of the page after being loaded, and links that seem to be part of the content but, in reality, are ads. Modal ads can be understood as pop-up ads that obscure the content of the page until they are closed by the user. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"636\" height=\"467\" src=\"https:\/\/yieldbird.com\/wp-content\/uploads\/2019\/09\/2.png\" alt=\"\" class=\"wp-image-17775\" srcset=\"https:\/\/yieldbird.com\/research-hub\/wp-content\/uploads\/2019\/09\/2.png 636w, https:\/\/yieldbird.com\/research-hub\/wp-content\/uploads\/2019\/09\/2-300x220.png 300w, https:\/\/yieldbird.com\/research-hub\/wp-content\/uploads\/2019\/09\/2-150x110.png 150w\" sizes=\"auto, (max-width: 636px) 100vw, 636px\" \/><\/figure><\/div>\n\n\n\n<p class=\"has-text-color has-normal-font-size has-very-dark-gray-color wp-block-paragraph\">A\ngraph from the same article, but for mobile devices. Modal and intracontent ads\nrank high on both lists.<\/p>\n\n\n\n<p class=\"has-text-color has-normal-font-size has-very-dark-gray-color wp-block-paragraph\">In the mobile environment, all ads are\nreceived rather negatively, with the exception of recommended links.\nSurprisingly, \u201cpersistent banner, bottom\u201d, i.e. a banner stuck to the bottom\nedge of the screen, is received better than a banner along the top edge.\nPractically all of the types have been rated more severely than those on\ndesktop computers. <\/p>\n\n\n\n<p class=\"has-text-color has-normal-font-size has-very-dark-gray-color wp-block-paragraph\">We may now return to the original topic \u2013\nlet\u2019s take a closer look at the most popular formats from the GAM network. <\/p>\n\n\n\n<h2 style=\"font-size: 20px;\"><strong>Best ad sizes for desktop<\/strong><\/h2>\n\n\n\n<p class=\"has-text-color has-normal-font-size has-very-dark-gray-color wp-block-paragraph\"><br>There is a great variety of ad sizes for desktop, which allows a good fit for almost every layout. When choosing from among them, you must consider their popularity in your network. Looking at the figure below, you can see the percentage shares of individual sizes among all the views.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"597\" height=\"827\" src=\"https:\/\/yieldbird.com\/wp-content\/uploads\/2019\/09\/3-1.png\" alt=\"\" class=\"wp-image-17776\" srcset=\"https:\/\/yieldbird.com\/research-hub\/wp-content\/uploads\/2019\/09\/3-1.png 597w, https:\/\/yieldbird.com\/research-hub\/wp-content\/uploads\/2019\/09\/3-1-217x300.png 217w, https:\/\/yieldbird.com\/research-hub\/wp-content\/uploads\/2019\/09\/3-1-108x150.png 108w\" sizes=\"auto, (max-width: 597px) 100vw, 597px\" \/><\/figure><\/div>\n\n\n\n<p class=\"has-text-color has-normal-font-size has-very-dark-gray-color wp-block-paragraph\">This figure from <a style=\"color: crimson;\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/www.match2one.com\/blog\/standard-banner-sizes\/\" target=\"_blank\"><strong>match2one.com<\/strong><\/a> shows what sizes appeared most frequently in the network that they examined. Using only these five sizes, you would be able to cover 83% of the inventory.&nbsp; <\/p>\n\n\n\n<p class=\"has-text-color has-normal-font-size has-very-dark-gray-color wp-block-paragraph\">We can say \u2013 without any doubt \u2013 that rectangle 300&#215;250 has a clear advantage over the rest, accounting for nearly half of all the views. Its important feature is its versatility \u2013 it can be used not only on a desktop computer but also on mobile devices and applications. <\/p>\n\n\n\n<p class=\"has-text-color has-normal-font-size has-very-dark-gray-color wp-block-paragraph\">To the above list, we could add the 336&#215;280 size that was distinguished in Google\u2019s <a style=\"color: crimson;\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/support.google.com\/adsense\/answer\/6002621?hl=en\" target=\"_blank\"><strong>Guide to ad sizes<\/strong><\/a>. It\u2019s called a large rectangle and fits both desktop and mobile environments.<\/p>\n\n\n\n<p class=\"has-text-color has-normal-font-size has-very-dark-gray-color wp-block-paragraph\">Summing up, when choosing sizes of designs\nfor the desktop, try to use as many sizes as possible:<\/p>\n\n\n\n<ul class=\"has-text-color has-normal-font-size has-very-dark-gray-color wp-block-list\"><li>300&#215;250<\/li><li>336&#215;280<\/li><li>728&#215;90<\/li><li>160&#215;600<\/li><li>300&#215;600<\/li><li>970&#215;250<\/li><\/ul>\n\n\n\n<h2 style=\"font-size: 20px;\"><strong>Best ad sizes for mobile devices<\/strong><\/h2>\n\n\n\n<p class=\"has-text-color has-normal-font-size has-very-dark-gray-color wp-block-paragraph\"><br>Designing the ad structure for mobile devices is more difficult because the visible part of the screen is much smaller. This forces you to manage space wisely in order to maintain the status quo between UX and revenues from ads. The <a style=\"color: crimson;\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/yieldbird.com\/best-practices-in-website-ad-structure-design\/\" target=\"_blank\"><strong>previous part of the article<\/strong><\/a> described how a study carried out by Pandora Music showed a direct relationship between the number of ads and the decrease in the amount of music listened to on the site. However, this is not the only limitation, because Better Ads Standards allow ads to make up only 30% of the web page\u2019s content. <\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-2 is-cropped aligncenter wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"570\" height=\"798\" src=\"https:\/\/yieldbird.com\/wp-content\/uploads\/2019\/09\/4-1.png\" alt=\"\" data-id=\"17777\" data-link=\"https:\/\/yieldbird.com\/4-2\/\" class=\"wp-image-17777\" srcset=\"https:\/\/yieldbird.com\/research-hub\/wp-content\/uploads\/2019\/09\/4-1.png 570w, https:\/\/yieldbird.com\/research-hub\/wp-content\/uploads\/2019\/09\/4-1-214x300.png 214w, https:\/\/yieldbird.com\/research-hub\/wp-content\/uploads\/2019\/09\/4-1-107x150.png 107w\" sizes=\"auto, (max-width: 570px) 100vw, 570px\" \/><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><img loading=\"lazy\" decoding=\"async\" width=\"598\" height=\"486\" src=\"https:\/\/yieldbird.com\/wp-content\/uploads\/2019\/09\/5.png\" alt=\"\" data-id=\"17778\" data-link=\"https:\/\/yieldbird.com\/5\/\" class=\"wp-image-17778\" srcset=\"https:\/\/yieldbird.com\/research-hub\/wp-content\/uploads\/2019\/09\/5.png 598w, https:\/\/yieldbird.com\/research-hub\/wp-content\/uploads\/2019\/09\/5-300x244.png 300w, https:\/\/yieldbird.com\/research-hub\/wp-content\/uploads\/2019\/09\/5-150x122.png 150w\" sizes=\"auto, (max-width: 598px) 100vw, 598px\" \/><\/figure><\/li><\/ul><\/figure>\n\n\n\n<p class=\"has-text-color has-normal-font-size has-very-dark-gray-color wp-block-paragraph\">Just like for desktop, the most frequently displayed sizes of designs can be distinguished. The original figure is available at <strong style=\"color: crimson;\"><a style=\"color: crimson;\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/www.match2one.com\/blog\/standard-banner-sizes\/\" target=\"_blank\">match2one.com<\/a><\/strong>.<\/p>\n\n\n\n<p class=\"has-text-color has-normal-font-size has-very-dark-gray-color wp-block-paragraph\">What\u2019s a bit different from the desktop\nenvironment is that mobile sizes have greater granularity. Only the 320&#215;50 size\nconstitutes a major part of the network inventory considered by the website \u2013\nthe other sizes have relatively small shares. However, it should be remembered\nthat 300&#215;250 and 336&#215;280 can be considered as mobile too. <\/p>\n\n\n\n<p class=\"has-text-color has-normal-font-size has-very-dark-gray-color wp-block-paragraph\">So, how to wisely manage the small space that you have? The list of disliked advertising formats may serve as a hint. For example, when choosing an <a style=\"color: crimson;\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/yieldbird.com\/anchor-ad\/\" target=\"_blank\"><strong>anchor ad<\/strong><\/a>, it\u2019s better to place it at the bottom of the screen. Intracontent ads have been rated quite severely, but it would be hard to completely give them up. What can be a bit helpful in this situation is the phenomenon where people rate a website and its functionality better if the layout is pleasing to the eye. <\/p>\n\n\n\n<p class=\"has-text-color has-normal-font-size has-very-dark-gray-color wp-block-paragraph\">Summing up, in the mobile environment, it\u2019s\nbest to use:<\/p>\n\n\n\n<ul class=\"has-text-color has-normal-font-size has-very-dark-gray-color wp-block-list\"><li>300&#215;250<\/li><li>336&#215;250<\/li><li>320&#215;50 \/ 320&#215;100<\/li><li>250&#215;250<\/li><li>200&#215;200<\/li><\/ul>\n\n\n\n<h2 style=\"font-size: 20px;\"><strong>Different countries, different ad sizes<\/strong><\/h2>\n\n\n\n<p class=\"has-text-color has-normal-font-size has-very-dark-gray-color wp-block-paragraph\"><br>In some countries, there are additional, customized sizes. In the Polish GAM network, you\u2019ll additionally come across 750&#215;300, 750&#215;200, and 750&#215;100, which are not available anywhere else. Google also distinguishes the 240&#215;400 size as the most popular in Russia, 980&#215;120 and 250&#215;360 in Sweden, 930&#215;180 in Denmark, and 580&#215;400 in Norway. <\/p>\n\n\n\n<p class=\"has-text-color has-normal-font-size has-very-dark-gray-color wp-block-paragraph\">Using the knowledge of online user behavior and the popularity of individual formats, it is possible to create an ad structure that is optimal in terms of generated revenue and UX. You will have to face many rules and tips on dos and don\u2019ts, but, after some time, good practices will become a natural and integral part of designing. If you are unsure about your skills, you can always contact a specialized company such as Yieldbird, which will carry out an audit of your website. <\/p>\n\n\n","protected":false},"excerpt":{"rendered":"<p>In addition to the layout on a website, an ad structure can be optimized through the sizes and types of the served designs. There are standards and rules that will direct you towards the best solutions, but sometimes it\u2019s good to look into the aspect of regionalism too. Also, the question arises: are all sizes [&hellip;]<\/p>\n","protected":false},"author":48,"featured_media":17780,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[28],"tags":[],"content-category":[],"class_list":["post-17758","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ad-tech"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/yieldbird.com\/research-hub\/wp-json\/wp\/v2\/posts\/17758","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yieldbird.com\/research-hub\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yieldbird.com\/research-hub\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yieldbird.com\/research-hub\/wp-json\/wp\/v2\/users\/48"}],"replies":[{"embeddable":true,"href":"https:\/\/yieldbird.com\/research-hub\/wp-json\/wp\/v2\/comments?post=17758"}],"version-history":[{"count":1,"href":"https:\/\/yieldbird.com\/research-hub\/wp-json\/wp\/v2\/posts\/17758\/revisions"}],"predecessor-version":[{"id":33453,"href":"https:\/\/yieldbird.com\/research-hub\/wp-json\/wp\/v2\/posts\/17758\/revisions\/33453"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yieldbird.com\/research-hub\/wp-json\/wp\/v2\/media\/17780"}],"wp:attachment":[{"href":"https:\/\/yieldbird.com\/research-hub\/wp-json\/wp\/v2\/media?parent=17758"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yieldbird.com\/research-hub\/wp-json\/wp\/v2\/categories?post=17758"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yieldbird.com\/research-hub\/wp-json\/wp\/v2\/tags?post=17758"},{"taxonomy":"content-category","embeddable":true,"href":"https:\/\/yieldbird.com\/research-hub\/wp-json\/wp\/v2\/content-category?post=17758"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}