Sep 4, 2022 8759 reads

A to Z Rich Snippet Guide

Google Rich Snippets (rich data) allow additional data to be displayed in search results. In order for this extra data to be included in the search engine results, the necessary codes of the structural data must be added to the HTML codes of the site. Google Snippets can be used for reviews, recipes, and events.Google Snippets are pretty important. Because it increases the likelihood that the searcher will click on a site. By making the relevant site more attractive in search results, it enables it to make a difference compared to its competitors. That's why every site owner should use Google Snippets where appropriate.What are Google Snippets?Every Google result contains a link to a site, along with a small piece of text just below the link. Google Snippets inform users of all the information required for a page that comes up as a result of the search. Google Snippets is where the call-to-action is.In standard usage, Google Snippets are page titles, links, and meta descriptions. Google Rich Snippets, on the other hand, contain extra information to encourage searchers to click. They have everything from Google Rich Snippets answer boxes to rating information.Why Are Google Snippets Important?As we mentioned, Google Snippets normally contain the page title, the page link, and the meta description. In normal SEO work, it is necessary to optimize them in the best way. However, when Google Rich Snippets is involved, the search result is moved to a completely different point.Google Rich Snippets are more eye-catching. It is much more persuasive in encouraging the searcher to click. A higher click-through rate means more visitors to your site. The more visitors to your site, the more you can earn.Google obtains Rich Snippets data through structured data. The codes of these structural data must be included in the HTML codes of your site. Structural data does not have a direct effect on ranking promotion, but there is an indirect effect.When users search for something on Google, they want to have as much information as possible before clicking. Google Snippets and Google Rich Snippets offer this information. It is necessary to optimize them in order to leave the right impression on the user.Google Snippets and Google Rich Snippets may not be a direct ranking factor. However, they are effective in increasing the click-through rate. The most important difference between two sites with similar content may differ in the way snippet fields are used.Types of Google Rich SnippetsIf you want to take advantage of Google Rich Snippets apps, the first step you should take is to choose a snippet type. For this, you should add the codes of the relevant structural data to the HTML codes of your site. There are different types of Google Rich Snippets, but it is enough to know the most important ones.1. Reviews SnippetUsed on sites with rich snippet review content for comment. It consists of the reviewer's score or the average of multiple people's scores. If your site has valid structural data in HTML codes, the data for reviews or ratings will appear in the snippet section.When using Google Rich Snippets for the review, starred ratings appear in addition to the page title, page link, and meta description. However, the amount of users voting or the name of the reviewer may appear.--- REVIEW SNIPPET CODE SAMPLE START (JSON-LD) --- Yeni Burger Restoran { "@context": "https://schema.org/", "@type": "Review", "itemReviewed": { "@type": "Restaurant", "image": "http://www.example.com/burger-restoran.jpg", "name": "Burger Restoran", "servesCuisine": "Burger", "priceRange": "$$$", "telephone": "1234567", "address" :{ "@type": "PostalAddress", "streetAddress": "Akkavak Sokak", "addressLocality": "Nişantaşı", "addressRegion": "Istanbul", "postalCode": "10038", "addressCountry": "TR" } }, "reviewRating": { "@type": "Rating", "ratingValue": "4" }, "name": "Lezzetli burger adresi.", "author": { "@type": "Person", "name": "Esad Bozkaya" }, "reviewBody": "Lezzetli burger yemek için en ideal yerlerden biri.", "publisher": { "@type": "Organization", "name": "Analytica House" } } --- RECIPE SNIPPET END OF CODE SAMPLE (JSON-LD) ---2. Recipe SnippetA rich snippet for recipes makes the cooking or cooking process more organized. The information on a snippet with a recipe is slightly different than on other types of snippets. This snippet can include ratings, votes, preparation time, and calories.The site becomes more eye-catching when using Google Rich Snippets for recipes. The picture and video details about the food to be prepared are directed in that direction. This rich snippet is a must-have for a recipe site.--- RECIPE SNIPPET CODE SAMPLE START (JSON-LD) --- Glutensiz Islak Kek { "@context": "https://schema.org/", "@type": "Recipe", "name": "Gultensiz Islak Kek", "image": [ "https://example.com/photos/1x1/islak-kek.jpg", "https://example.com/photos/4x3/islak-kek.jpg", "https://example.com/photos/16x9/islak-kek.jpg" ], "author": { "@type": "Person", "name": "Esad Bozkaya" }, "datePublished": "2022-01-01", "description": "Pirinç unuyla yapılmış guletensiz ıslak kek!", "recipeCuisine": "Turkish", "prepTime": "PT1M", "cookTime": "PT2M", "totalTime": "PT3M", "keywords": "glutensiz", "recipeYield": "1 servis", "recipeCategory": "Kek", "nutrition": { "@type": "NutritionInformation", "calories": "120 kalori" }, "aggregateRating": { "@type": "AggregateRating", "ratingValue": "5", "ratingCount": "18" }, "recipeIngredient": [ "3 yumurta", "1 bardak şeker", "Yarım bardak süt" "Yarım bardak yağ" "3 yemek kaşığı kakao" "1 bardak glutensiz un" "1 paket vanilya" "1 paket kabartma tozu" ], "recipeInstructions": [ { "@type": "HowToStep", "text": "Yumurtaları kaba kırın ve karıştırın." }, { "@type": "HowToStep", "text": "Şekeri ekleyip köpürene kadar çırpın." }, { "@type": "HowToStep", "text": "Sütü ve yağı ekleyip çırpın." } ], "video": { "@type": "VideoObject", "name": "Glutensiz Islak Kek Nasıl Yapılır?", "description": "Glutensiz ıslak kek yapmaya hazır mısınız?", "thumbnailUrl": [ "https://example.com/photos/1x1/kek.jpg", "https://example.com/photos/4x3/kek.jpg", "https://example.com/photos/16x9/kek.jpg" ], "contentUrl": "http://www.example.com/video123.mp4", "embedUrl": "http://www.example.com/videoplayer?video=123", "uploadDate": "2022-01-01T08:00:00+08:00", "duration": "PT1M33S", "interactionStatistic": { "@type": "InteractionCounter", "interactionType": { "@type": "WatchAction" }, "userInteractionCount": 2347 }, "expires": "2022-01-02T08:00:00+08:00" } } --- RECIPE SNIPPET END OF CODE SAMPLE (JSON-LD) ---3. Music SnippetThe rich snippet used for the music contains important information about the music. Information such as the artist who owns the music, the type of music, the release date of the music, and the record label are presented directly from the search engine results page. Thus, the user learns the basic information about the music.Using Google Rich Snippets for music makes it easier for the user to find the music they are looking for. When the user enters the site and obtains additional information, the click-through rate increases. The purpose of this snippet type is to present audio content in a much more convenient way.--- MUSIC SNIPPET CODE SAMPLE START (JSON-LD) --- { "@context": "https://schema.org", "@type": "MusicPlaylist", "name": "Türkçe Rock Çalma Listesi", "numTracks": "5", "track": [{ "@type": "MusicRecording", "byArtist": "Pera", "duration": "PT4M45S", "inAlbum": "İçimdeki Şeytan", "name": "Yağmur", "url": "yagmur" }, { "@type": "MusicRecording", "byArtist": "Pinhani", "duration": "PT3M32S", "inAlbum": "Bilir O Beni", "name": "Bilir O Beni", "url": "bilir-o-beni" }, { "@type": "MusicRecording", "byArtist": "Emre Aydın", "duration": "PT4M13S", "inAlbum": "Kör Kuyu", "name": "Kör Kuyu", "url": "kor-kuyu" }, { "@type": "MusicRecording", "byArtist": "Sena Şener", "duration": "PT3M12S", "inAlbum": "Çok Geç Kaldın", "name": "Çok Geç Kaldın", "url": "cok-gec-kaldin" } ]} --- END OF MUSIC SNIPPET CODE SAMPLE (JSON-LD) ---4. Product SnippetThe rich snippet used for the products conveys information such as price, product image and stock information about the relevant product to the user. In particular, the price information can significantly increase the likelihood of a user logging into a site. This snippet should be used if you are a site that implements an effective price policy.When you use Google Rich Snippets for products, you make the products on the e-commerce site look more attractive. This is the best way to increase the click-through rate. In addition to basic information, the snippet for products may include the rating score and the rating amount.--- PRODUCT SNIPPET CODE SAMPLE START (JSON-LD) --- { "@context": "https://schema.org", "@type": "Product", "aggregateRating": { "@type": "AggregateRating", "ratingValue": "3.5", "reviewCount": "11" }, "description": "Yeni nesil quartz ısıtıcılar sayesinde daha kısa sürede yemekleri hazır hale getirin.", "name": "MF 30 QB", "image": "arcelik-mf-30-qb.jpg", "offers": { "@type": "Offer", "availability": "https://schema.org/InStock", "price": "2.400", "priceCurrency": "TRY" }, "review": [{ "@type": "Review", "author": "Esad", "datePublished": "2022-01-01", "reviewBody": "Fırının içindeki ışıklar çalışmıyor onları değiştirmeliyim.", "name": "Pek mutlu olmayan müşteri", "reviewRating": { "@type": "Rating", "bestRating": "5", "ratingValue": "1", "worstRating": "1" } }, { "@type": "Review", "author": "Lucas", "datePublished": "2022-01-01", "reviewBody": "Fiyatına göre oldukça iyi bir fırın. Ben memnunum.", "name": "Fiyata göre uygun", "reviewRating": { "@type": "Rating", "bestRating": "5", "ratingValue": "4", "worstRating": "1" } }] } --- PRODUCT SNIPPET CODE SAMPLE END (JSON-LD) ---5. Organization SnippetThe rich snippet used for organizations was developed to contain as much information as possible for a particular company. When the user searches for a company by name, the search engine can access this information on the right side of the results page. The information available to the searcher is quite extensive.When using Google Rich Snippets for Organizations, a lot of information is included, including the company name, logo, company type, CEO, year of incorporation, place of incorporation, company headquarters, founders, subsidiaries, and company products. Thus, the user is best informed.--- ORGANIZATION SNIPPET CODE SAMPLE START (JSON-LD) --- { "@context": "https://schema.org", "@type": "Organization", "address": { "@type": "PostalAddress", "addressLocality": "Mountain View, Kaliforniya, ABD", "postalCode": "94043", "streetAddress": "1600 Amphitheatre Pkwy" }, "email": "secretariat(at)google.org", "faxNumber": "( 1) 650 253 00 00", "member": [{ "@type": "Organization" }, { "@type": "Organization" }], "alumni": [{ "@type": "Person", "name": "Larry Pagei" }, { "@type": "Person", "name": "Sergey Brin" }], "name": "Google.org (GOOG)", "telephone": "( 1) 650 253 00 00" } --- ORGANIZATION SNIPPET CODE SAMPLE END (JSON-LD) ---6. Top Stories SnippetThe rich snippet for top news highlights news for a specific search. These news appear at the top of the search results. In order for a site to be included in the main news section, it is necessary to have a Google News record. Sites without Google News registration do not appear here.Ranking in this area is not guaranteed when Google Rich Snippets are used for major news. Especially sites that use AMP and make the right SEO moves can be included in this section. The click-through rates of the sites in the main news section are quite high compared to the others.7. Video SnippetWhen a rich snippet is used for videos, information about the videos on the pages is presented. Since search engines do not have the opportunity to watch videos, they cannot follow the information contained in them. That's why it's important that you present information to them using video-structured data.When using Google Rich Snippets for videos, you notify Google that there is a video on the relevant page. In addition, search results include information such as video description, thumbnail image, upload date, uploader, and video duration. Thus, you can increase the click-through rate of the page and the video.--- VIDEO SNIPPET CODE SAMPLE START (JSON-LD) --- { "@context": "https://schema.org", "@type": "VideoObject", "name": "İstanbul'da yeni yapılan bisiklet yolları güzergahları", "description": "Bu yaz İstanbul'da yeni birçok altyapı çalışması yapılırken bunlardan en önemlisi yeni güzergahlara eklenen bisiklet yolları oldu.", "thumbnailUrl": [ "https://example.com/photos/1x1/bisiklet.jpg", "https://example.com/photos/4x3/bisiklet.jpg", "https://example.com/photos/16x9/bisiklet.jpg" ], "uploadDate": "2022-01-01T08:00:00+08:00", "duration": "PT1M54S", "contentUrl": "https://www.example.com/video/123/file.mp4", "embedUrl": "https://www.example.com/embed/123", "interactionStatistic": { "@type": "InteractionCounter", "interactionType": { "@type": "WatchAction" }, "userInteractionCount": 5647018 }, "regionsAllowed": "TR" } --- VIDEO SNIPPET CODE SAMPLE END (JSON-LD) ---8. Events SnippetWhen a rich snippet is used for events, almost every piece of information about the event is communicated to the user. Thus, if the user finds the event interesting, they will consider clicking on the result to learn more. Standard event information includes the event's name, date, and location.When using Google Rich Snippets for events, you can quickly capture the interest of the searcher. Such results may include additional information for concerts, session information for cinemas, and purchasing tickets from events and organizations in cities.--- EVENT SNIPPET CODE SAMPLE START (JSON-LD) --- { "@context": "https://schema.org", "@type": "MusicEvent", "location": { "@type": "MusicVenue", "name": "Küçükçiftlik Park", "address": "Harbiye, Kadırgalı Cd. No: 4, 34367 Şişli/İstanbul" }, "name": "Rock Festivali", "offers": { "@type": "Offer", "url": "/examples/ticket/12341234", "price": "250", "priceCurrency": "TRY", "availability": "https://schema.org/InStock" }, "performer": [{ "@type": "MusicGroup", "name": "Duman", "sameAs": [ "https://tr.wikipedia.org/wiki/Duman_(m%C3%BCzik_grubu)" ] }, { "@type": "Person", "image": "/examples/kaan_tangoze.jpg", "name": "Kaan Tangöze", "sameAs": "https://tr.wikipedia.org/wiki/Kaan_Tang%C3%B6ze" }], "startDate": "2022-01-01T20:00", "workPerformed": [{ "@type": "CreativeWork", "name": "Gripin", "sameAs": "https://tr.wikipedia.org/wiki/Gripin_(m%C3%BCzik_grubu)" }, { "@type": "CreativeWork", "name": "Mor ve Ötesi", "sameAs": "https://tr.wikipedia.org/wiki/Mor\_ve\_%C3%96tesi" }] } --- EVENT SNIPPET CODE SAMPLE END (JSON-LD) ---9. FAQ SnippetDeveloped for questions, the rich snippet provides a schema of questions that may come to mind around a particular topic. This snippet can contain more than one question. The answers to the questions and the links, if any, can be found on the search engine results page.The purpose of using Google Rich Snippets for questions is to prove to the user that you are authoritative. When you are an authoritative site in your field, users are much more likely to trust you and visit your site. Thus, you can increase the click-through rate of your site.--- FAQ SNIPPET CODE SAMPLE START (JSON-LD) --- { "@context": "https://schema.org", "@type": "FAQPage", "mainEntity": [{ "@type": "Question", "name": "SEO nedir?", "acceptedAnswer": { "@type": "Answer", "text": "SEO arama motoru optimizasyonu anlamına gelen bir kısaltmadır. Açılımı Search Engine Optimization şeklindedir." } }, { "@type": "Question", "name": "WordPress nedir?", "acceptedAnswer": { "@type": "Answer", "text": "WordPress, açık kaynak kodlu bir içerik yönetim sistemidir. WordPress yazılımını herkes ücretsiz bir şekilde kullanabilir." } }, { "@type": "Question", "name": "SEM nedir?", "acceptedAnswer": { "@type": "Answer", "text": "SEM arama motoru pazarlamacılığı anlamına gelir. Açılımı Search Engine Marketing şeklindedir." } }, { "@type": "Question", "name": "Web geliştiricisi ne demektir?", "acceptedAnswer": { "@type": "Answer", "text": "Web geliştiricisi, web sitesi geliştiren kişiye verilen isimdir. Bu kişiler teknik bilgilerine ön plana çıkarlar." } }] } --- FAQ SNIPPET CODE SAMPLE END (JSON-LD) ---Adding Google Rich Snippets to the SiteIf you want to take advantage of structured data, you don't need to add it specifically to every content. It will be better for you to ensure that structured data can be included in every content that will be presented to the user. If you want to add a Google Rich Snippet to your site, there are a few steps you can follow.1. Getting Support from Ready CodesPlugins that will contribute to the design of your site can provide the creation of structural data. Depending on the content management system you will use, you can create a Google Rich Snippet via Schema.org. In content management systems like WordPress, this is pretty easy.The most important thing to consider is that the plugins offer support for the Google Rich Snippet you want to use. You can also get this support from the theme itself instead of using a plugin. If your theme is strongly coded, Schema.org will have structured data codes.2. Manually Adding Codes to the SiteYou can add structured data to your site by adding codes manually. Even if it's a long road, if you're not using a content management system, you'll have to manually add the codes to the site. You can add the relevant codes obtained from Schema.org to the HTML codes of your page.Method 1: Using JSON-LD--- CODE SAMPLE START --- { "@context": "schema", "@type": "ItemList", "url": "bozkaya-url", "numberOfItems": "123", "itemListElement": [{ "@type": "Product", "image": "product-image/a1/b2/123456789.jpg", "url": "product-url/brand_123/", "name": "Brand 123", "offers": { "@type": "Offer", "price": "999 $." } }, { "@type": "Product", "name": "SEO Paket" } ]} --- CODE EXAMPLE END ---JSON-LD is used in the above code. By uploading this code created for products to the relevant page on your site, you can take advantage of its rich snippet features in search engines. However, as we said, the most effective way is to take advantage of systems and themes that offer rich snippet support.Method 2: Using HTMLIt is possible to add structured data to pages on your site using HTML. For this, you need to find the correct structured data code on Schema.org. When you use HTML code, you can take advantage of all supported microdata types.--- CODE SAMPLE START --- 123 Marka 123 999 $. ... ... --- CODE EXAMPLE END ---The code above is an HTML code. When you compare it to JSON-LD you can see that certain fields are the same. It is much more accurate to use HTML when you want to take advantage of microdata. However, implementing both HTML and JSON-LD codes requires some technical knowledge.Method 3: Using Google Tag ManagerIf you do not have enough technical knowledge, you can use Google Tag Manager to add rich snippets to your site. With Google Tag Manager, you can add JSON structured code to your site without laundering support from any developer.--- CODE SAMPLE START --- { "@context": "schema", "@type": "ItemList", "url": "bozkaya-url", "numberOfItems": "123", "itemListElement": [{ "@type": "Product", "image": "product-image/a1/b2/123456789.jpg", "url": "product-url/brand_123/", "name": "Brand 123", "offers": { "@type": "Offer", "price": "999 $." } }, { "@type": "Product", "name": "SEO Paket" } ]} --- CODE EXAMPLE END ---You can use the above code as a custom HTML tag in your Google Tag Manager account. Then it will be enough to add the code of the Google Tag Manager account to your site. As we said, you should use a familiar and advanced content management system to avoid dealing with all this.Google Rich Snippets ControlsAfter adding the structured data codes to your site, you need to check that they are working correctly. There are two different methods to do this. Since the methods are free to use, you can perform as many checks as you want.1. Results TestsTo use Google Rich Snippets, it is important that the codes you apply to your site work correctly. After adding the structured data to your site, you must perform these tests. All you have to do is go to the Rich Results Test section.After reaching the Rich Results Test page, you should add the URL of your site's page to the relevant section and then click the Test URL button. You should wait a bit while Google performs the live URL test. You can see the status of the structured data when the test is completed.2. Google Search Console CheckIf you have previously added your site to Google Search Console, you can easily check for technical errors that may occur on your site. Google Search Console notifies you about all valid and invalid structured data on your site. You just have to scan.Google Search Console will present you with more data than you want. By examining this data, you can solve all the problems on your site. If there is no problem in the controls, Google Rich Snippets will be applied to your site.3. Google Rich Snippets Additional ControlsAfter you add the codes needed for the structured data to your site, some things may go wrong. For this reason, you may not encounter Google Rich Snippets in the search results. By checking the following situations, you can solve the problems on your site.Did Google crawl your site after adding the structured data?This is a common occurrence. If Google didn't crawl your site after you added the structured data, you won't get the rich snippet results you want. To resolve this issue, you should ask Google to crawl your site.Solution: Log into the Google Search Console property and have the page you applied the structured data crawled. After Google's bot crawls your page, it will detect the structured data. If the rich snippet does not appear even though the crawl is complete, there may be different problems with your site.Is the structured data structured correctly?You may have added the necessary codes of structural data to your site. However, even the slightest mistake you make will prevent these codes from working correctly. For this reason, you should know what you are doing, but most importantly, you should complete the relevant checks using the necessary tools.Solution: Check your site using the Rich Results Test tool. Fix the codes if you encounter any errors somehow. The Rich Results Test tool can check almost any structured data. If there is a problem, you can find out without wasting time.Have you checked the structured data directives?Google has some unique structured data guidelines. If you want to use structured data and take advantage of Google Rich Snippets features on your site, you must comply with these policies. You may not be able to use rich snippets if you don't comply with Google's policies.Solution: Review Google's structured data guidelines. Meet all the requirements that Google requests. If you want fewer problems, use WordPress or a similar content management system. So you will have fewer problems with policies.Even if you have done everything right for Google Rich Snippets, there is a possibility that you will not be able to take advantage of them. If your domain is not authoritative enough, Google may not display a rich snippet. It means that rich snippet display in Google search engine results is not a guaranteed thing.Benefits of Using Google Rich SnippetsGoogle Rich Snippets should not be confused with Featured Snippets. Both are integrated into the Google search result. However, Featured Snippets take excerpts from the site and present them to the user. Google Rich Snippets, on the other hand, have different benefits and advantages.1. Highlights Your ResultsThere are three types of snippets on the search engine results page. These are regular snippets, rich snippets, and featured snippets. The featured snippet appears directly at point zero of the search results. Normal snippet belongs to normal results. Rich snippet has more advanced features.When a search engine user performs a search, they tend to click on the search result that looks the best in the search results. When you use Google Rich Snippets, you can make your result more eye-catching and attract the attention of users.2. Increases Click-through RateYour click-through rate will increase as your results will look much more attractive on the search engine results page. If there is an image in the Google Rich Snippets option you use, you will have a significant advantage over the results without images.Click-through rate is a very important criterion in terms of search performance. Because Google is a little generous in raising the result that gets more clicks than other results. If you want to improve your click-through rate, you should use the appropriate rich snippet options.3. Improves Search PerformanceRanking high on Google is the best indicator of your search performance. However, in some cases, no matter what you do, you may not be successful in passing the more authoritative sites. In such cases, you can use Google Rich Snippets.When you use a rich snippet, your site's click-through rate will increase, so your ranking will increase. Even if competing sites have more links than you, you can still beat them by using rich snippets. However, you should know that this is not always the case.4. Boosts Your ReputationIn order to be included in Google search results, your site's authority and your brand's reputation must be good. When you start using a rich snippet, you show that you care about your brand. This will inevitably increase the reputation of your brand.When you rank high in Google search results, the value of your brand will increase. You may have trouble getting this value when you don't use rich snippets. Because when you use a normal snippet, you have a very high chance of falling behind in the competition.Google Rich Snippets may seem complicated, but it's super easy to use with the right methods. It will be enough to use the right tools (content management system, plugin, theme, etc.) to help you. You can highlight your site in search results by using a rich snippet.Google Rich Snippets is most beneficial to SEO by reducing the crawl budget, and sites using Rich Snippets are more readable by bots.

Sep 4, 2022 8076 reads

Using WebP Format in Safari Browsers

Along with the importance of search engine optimization and user experience day by day, many technical regulations for websites have also become important to consider. Many metrics such as the experience of the user visiting the website, interacting with the site, and re-visiting the website on another day and time have gained importance. Here, the visual and media content used on the website is one of the important SEO metrics.The biggest disagreement between websites and Google is the use of WebP image format in images added to the website. As it is known, Google supports the use of low-size, structured image formats for the web such as WebP, JPEG2000, and SVG for successful speed on the website. Especially in page speed analysis, it recommends the use of WebP on websites with "publish images in new formats" warnings. However, unfortunately, not all browsers support the WebP format suggested by Google, and it causes results that will negatively affect the user experience when trying to load sites quickly. One of them is that WebP format images do not appear in Safari browsers, which is among the most popular browsers. Here in this article, we talk about how you can generate solutions to WebP formats in Safari browsers.What is WebP Format?With the increase in content production with Web 2.0, the user experience on the pages has also become one of the priority factors. When users visit a website, all DOM elements (images, CSS, JS, etc.) on the page should load quickly, the page should not affect speed metrics such as FCP, LCP, and CLS, and should not slow down pages. However, this positive page speed is not always possible. Especially in e-commerce sites, the use of high-resolution product images causes the pages to load slowly and negatively affects the user experience and data consumption.One of the image formats used as a solution to this situation is the WebP format. Webp is an image format developed by Google that allows the creation of lower-sized images without losing resolution compared to image formats such as PNG and JPG. WebP format (WebPage) are image format mostly customized for web pages. It is a compressed image extension that allows browsers to be displayed to users without fatigue and without excessive resources.What Is The Problem With The WebP Format Of Safari Browsers?WebP formatının avantajlı kullanımından ve Safari tarayıcılarda WebP formatlarının görüntülenmediğinden bahsettik. Peki ama Safari tarayıcıların WebP formatıyla sorunu ne?WebP formatı, Google tarafından oluşturulduğu ve belli tarayıcıların performansı göz önüne alınarak oluşturulduğu için, her tarayıcı tarafından desteklenmemektedir. Safari tarayıcılar da WebP formatlarını desteklemeyen tarayıcılardan bir tanesidir. Aşağıdaki tabloda hangi tarayıcıların WebP formatını desteklediğini görebilirsiniz.It is expected that all browsers will implement updates to support the webp format in the coming years. Because a popular web browser such as Safari does not support the WebP format, which creates a lot of trouble, especially for website owners.Why Should We Use WebP Format?One of the important criteria of search engine optimization (SEO) metrics is website speed. The visual and media content used on the site is one of the factors that most affect the speed of the website. For example, an image used in PNG format has a size of 2 MB, while a JPG extension with the same resolution can reduce up to 750 KB because it compresses the image. WebP format, on the other hand, can compress the same image up to 100 KB as it compresses images compatible with browsers.In this way, a user visiting the page spends 2 MB of upload time and data while uploading the PNG format image, 750 KB of loading time and data for the JPG format image, and 100 KB of loading time and data in WebP format. This adds a positive score to the user experience by search engines, as it allows the user to load the page faster.How to Use WebP Format in Safari Browsers?The use of images with webp extension in Safari browsers is not possible for now. Because the browser infrastructure and rendering engines do not yet support the WebP image extension in Safari browsers. However, there is an alternative solution for users who still want to optimize their site using the WebP format on website.There is a method to install alternative extensions of images with img tag added to the website HTML, in browser-side lines and inability to load problems. You can fix this problem by using onerror. Example:If you pay attention to the image addition in the code above, we first cited our webp extension image in the "src", that is, the source part of the image. However, we have specified the path to the JPG version of the same image in case there is any error and the image cannot be loaded immediately.Bu sayede herhangi bir tarayıcıda, WebP formatının yüklenmemesi durumunda tarayıcı, görselin JPG versiyonunu yükleyecek ve kullanıcılara hiçbir görsel kirlilik yansıtmadan kullanıcı deneyimini olumsuz etkilemeyecektir. Thanks to the Onerror event, you can use your images in WebP format and provide a fast and performance page experience in all browsers that support WebP format.

Sep 4, 2022 1978 reads

What is Google Ads Editor? Google Ads Editor User Guide

Google Ads Editor is an offline editor for your Google Ads accounts. It lets you perform almost all the same tasks you can do in the Google Ads interface, but offline. It’s designed as a desktop application for managing campaigns and making bulk changes.With Google Ads Editor, you can make changes in bulk without the delays of the online interface. Because it works offline, multiple account managers can make edits simultaneously.Why Do You Need Google Ads Editor?Large Google Ads accounts can have hundreds of campaigns, thousands of ad groups, and ads. Making large changes in the online interface could take hours or days. With Google Ads Editor, you can do it all in bulk and save significant operational time.Since Google Ads Editor works offline, there’s no waiting for the interface to load. You can make bulk edits, instantly spot errors, fix them, and then publish your changes.For example, imagine you’re running a one-week sale and want every ad to say “50% Off All Shoes.” In the online interface, that might take a day in a large account. In Google Ads Editor, you can do it in five minutes—and spend the rest of your time optimizing strategy.When Was Google Ads Editor Launched?Until 2006, Google Ads (then AdWords) could only be managed through the online interface. Advertisers complained about slow performance when making large changes.In response, Google launched Ads Editor in 2006. It was an immediate success.What Can Google Ads Editor Do?Google Ads Editor lets you do almost everything you can in the online panel: campaign budgets, bidding strategies, ad copy, keywords, sitelink extensions, and more.You simply download your account structure into the Editor, make bulk updates offline, and then upload your changes when ready.Warnings Before You StartBefore we dive in, a few cautions: Bulk editing makes it easy to introduce large mistakes. Always sync your account before you begin. If multiple users edit the same account simultaneously, you may accidentally duplicate campaigns or ads. Follow these tips to avoid issues when managing your account with Google Ads Editor.Installing Google Ads EditorTo install, go to https://ads.google.com/home/tools/ads-editor/, click “Download,” and follow the installer.After installing, sign in with your Google account to see your Manager and child accounts:Check the box next to the account you want, then click “Open” to load it.Before You BeginAlways synchronize first—this downloads your current campaigns into the Editor. Click “Get Recent Changes,” then choose “More Data” to pull down all campaigns. Once it turns from yellow to white, you’re synced.When it looks like this, you’re ready to edit:Using Google Ads EditorLayersThe left panel under “MANAGE” shows layers (Campaigns, Ad Groups, Ads, Keywords, etc.). Select a layer to view its items in the middle pane. For example, to edit ads, expand “Ads” and choose “Responsive Search Ads” or “Expanded Text Ads.” Use the search bar to find any element.FilteringClick the filter icon below to see filters relevant to the selected layer (e.g., match type, labels, bids for Keywords).Enable, Pause, DeleteSelect multiple items with Shift, then use the “Status” dropdown on the right to enable, pause, or remove them in bulk.Find and ReplaceClick the “Find and replace” button to batch-edit text—headlines, descriptions, URLs, etc. Enter the text to search for and its replacement, then click “Process.”Showing Your ChangesA triangle icon (Δ) marks edited items. Click it to sort and view only changed elements before posting.Viewing ErrorsBulk edits can introduce errors (too-long headlines, invalid characters, etc.). Click the error icon to view only items with issues and fix them before uploading.Campaign SettingsSelect “Campaigns” under MANAGE, click your campaign, and the right pane shows all settings—budget, bidding strategy, locations, etc.—which you can edit directly.Bulk Uploading AdsGo to “Ads” layer, click “Make multiple changes,” choose “Paste from clipboard,” and paste your sheet of headlines, descriptions, URLs, etc. Ensure columns match the Editor’s field names.Map your sheet columns to the Editor fields, then click “Process.” Resolve any errors, click “Keep” to accept.Then click “Post” to upload changes.Uploading KeywordsSimilarly, prepare a sheet with Campaign, Ad Group, Keyword, Max CPC, etc. under the “Keywords” layer, click “Make multiple changes,” paste, map columns, and process.Adding Sitelink ExtensionsSelect “Ad Extensions” → “Sitelinks,” then “Make multiple changes.” Include Campaign or Ad Group if needed, plus Link Text and descriptions. Paste your sheet and process.Reviewing Your EditsClick “Check changes” in the top right to preview all edits. Green means OK; red flags indicate issues to fix before posting.Posting ChangesFinally, click “Post” in the top right to push all your offline edits live to your Google Ads account.