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.This way, if the WebP format cannot be loaded in any browser, the browser will load the JPG version of the image and will not negatively impact the user experience by displaying any visual clutter. 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.

Sep 4, 2022 628 reads

Increase Your Website Performance with CDN

With the daily increase of web browser and mobile interactive visitors, search engines also expect websites to consider many criteria. When used correctly, CDN is an optimization method that significantly contributes to user experience and increases the value of websites in the eyes of search engines. After all, search engines expect websites to prioritize user experience as much as they do, and they continually improve ranking criteria in this direction. What is CDN? CDN is a type of server service hosted in geographically different locations that ensures the content of a website, including DOM elements used on the site (CSS, JS, Images, etc.), is delivered to the user in the fastest and most efficient way. Many websites, especially platforms selling products/services like e-commerce sites, have various factors such as page loading speed and navigation speed that can positively or negatively affect user experience. To provide users with a faster website and improve browsing and interaction behaviors, content, images, CSS, and JS files on the website need to load quickly. Otherwise, as with many websites, pages load slowly, browsers struggle to render the pages, and the user experience is negatively affected. During user visits, all DOM elements on the page are downloaded from the server determined by the website and interpreted by the browser to render the webpage for the user. The closer the server location is to the user visiting the site, the faster the website loads, as resource download times are reduced. Of course, with the increase of e-commerce and interactive web applications, websites now receive visitors not only from their immediate region but also from many parts of the country or even from around the world. It is in these visits that CDN servers come into play to accelerate resource interaction. How Does CDN Work? CDN servers host source servers in various locations across the country or the world. For example, for a website without CDN with a server located in Istanbul, there will be a difference in page load times between a user accessing the site from Bursa and another from Hatay. This difference arises from network latency. The user from Bursa can access the content and DOM elements faster because they are closer to Istanbul, whereas the user from Hatay experiences longer loading times. CDN providers establish servers in different locations across the country or the world and allow websites using their service to upload their content and DOM elements to these servers. To give another example, an e-commerce website with its main server located in Istanbul purchases CDN service, and the provider has a server in Adana. In this case, a user accessing the site from Bursa will fetch content from the Istanbul server, while a user from Hatay will access resources from the Adana server. This prevents network latency for both users when accessing the website. CDN servers periodically fetch files from the website's origin server and perform caching. This eliminates the need for website owners to constantly upload to CDN servers. When cache durations expire, the server sends a request to the origin server to update its resources. Advantages of Using CDN Using a CDN is especially useful for websites with heavy network loads. Moreover, access to these network loads is served from CDN caches, preventing delays that may occur in data interaction at the origin server. The advantages of CDN can be summarized as follows: Makes access to heavy network loads easier Protects the origin server Improves user experience Ensures faster website loading Reduces costs for the main server CDN costs are low since servers are shared Extends cache duration for static pages and reduces load on the server Disadvantages of Using CDN Of course, as with any process, if CDN is not used correctly, it can significantly harm websites. The disadvantages of CDN are as follows: May create HTTPS vulnerabilities on sites where all traffic is routed through the CDN Unnecessary costs for websites with low network load May strain the origin server in AJAX operations If the quality of the CDN is low, caching and updates may be delayed

Sep 4, 2022 13418 reads

What Is a 301 Redirect and Why Is It Important for SEO?

Websites may need to be moved to other pages for different reasons. However, there may also be cases where a domain name is completely moved to another domain name. In this and similar cases, visitors entering the old page are redirected to the new page or site with a 301 redirect.What Is 301 Redirect?As we have simply stated above, a 301 redirect is to ensure that visitors and search bots coming to the old URL encounter the new page if any page of a website or the entire website is permanently moved to another address. If there is a situation such as a temporary redirection of a page, then a 302 redirect should be made.A 301 redirect is essential for site visitors and search engine bots. If a 301 redirect is not applied for a closed page, visitors to that page and search bots will encounter a 404 incorrect page. This will lead to a negative user experience and crawl budget problem.The 301 name given to the redirect comes from the HTTP status code of the redirected page. For instance; https://analyticahouse.com redirects to https://www.analyticahouse.com/.In its simplest form, the 301 redirect tells the browser that the page at the relevant address has been moved permanently, that the redirected address is the new page location, and that this page is not intended to be used again.How To Do a 301 Redirect?There are many different ways to do a 301 redirect. You can see the most used methods under the headings below.htaccess 301 RedirectThe first method we will talk about is how to redirect using the .htaccess file in the file manager of the site. When you enter the file manager of the site, you will see that this file is usually located under the public_html folder. If you can't find the .htaccess file in your site's file manager, it's probably due to 3 reasons: The .htaccess file may be hidden. This file is usually marked as hidden in its default settings. To solve this problem, first click on the "Settings" section of the file manager. In the menu that follows, the "Show Hidden Files (dotfiles)" option is activated. Then the .htaccess file will appear under the public_html folder.  The .htaccess file may not exist. If the .htaccess file is not visible despite the above edit to show hidden files, it probably does not exist. However, there is nothing to worry about. Creating the .htaccess file is pretty easy. It will be enough to create an empty Notepad for devices with Windows operating system and an empty TextEdit file for macOS and save this file with the .htaccess extension. The website may not be running on the Apache server. Although it is a technical issue with web servers, the reason why the .htaccess file is not in the file manager may be that the server is not an Apache server. Because only Apache servers use .htaccess files. If the site is hosted on a server other than Apache server, redirection is made with different codes. Other than Apache, the most used web servers are Nginx and Windows/IIS. From this content for Nginx; For Windows/IIS redirection, more detailed information can be obtained from the contents in this link. Before moving on to the redirect codes, let us remind you that the codes in the .htaccess file are read line by line. Therefore, when adding code to the .htaccess file, it is useful to leave a blank line under the added code. This blank line indicates that the code is finished.Different codes are used for different purposes in redirecting using the .htaccess file. Let's take a closer look at these situations and the codes to be used in these situations.Redirecting an Old Web Page to a New PageHere is the code that needs to be added to the .htaccess file to redirect an old web page to a new web page:Redirect 301 /old-page.html /new-page.htmlRedirecting a Non-www to a www AddressThe code that should be used to redirect an address that does not contain www to the address bar is as follows:RewriteEngine on RewriteCond %{HTTP_HOST} ^example.com [NC] RewriteRule ^(.Redirecting a www to a Non-www AddressThe code to be used to redirect an address entered with www to a non-www domain name is as follows:RewriteEngine on RewriteCond %{HTTP_HOST} ^www.ornek.com [NC] RewriteRule ^(.How to Make a WordPress 301 Redirect?As it is known, WordPress is the most used content management system in the world, also known as CMS. The most important reason for this is that WordPress has plugins that allow many different operations to be done easily.301 redirection of a site with WordPress infrastructure can also be done easily with a free plugin.The plugin is called Redirection. After activating this plugin, which you can easily install on the site from the Plugins menu, the relevant menus of the plugin will allow you to quickly redirect.After the plugin is installed, it is located under the tools menu. The plugin can be opened by clicking the Redirection button here.After opening the plugin, the plugin must be installed first. Then, when the "Add New" button is pressed for redirection, a menu like this is displayed.Here, the old URL address should be entered in the source URL section, and the new URL address to which the redirect will be made in the Target URL section. Then pressing the “Add Redirect” button will be sufficient for the redirection process to take place.How to Do a 301 Redirect with CloudflareMany websites are concerned about security and related reasons. There are some third-party services that are used to address these concerns and control traffic to the site. The most known and the most preferred one in terms of user experience is undoubtedly Cloudflare.301 redirects for sites that perform security audits through Cloudflare servers are made from the Cloudflare user panel. The following steps should be followed for a Cloudflare 301 redirect:1) Öncelikle Cloudflare panelinde sol tarafta yer alan “Rules” menüsü altındaki “Page Rules” kısmına tıklanmalıdır. 2) Then you will see a screen like this. The URL to be changed here must be entered in the field indicated in red.3) Afterwards, the URL to be redirected must be entered exactly in the specified part.4) Select whether the redirect is permanent or temporary from the Select status code menu. 301 for permanent redirects and 302 for temporary redirects.5) Finally, by clicking on the “Save and Deploy Page Rule” button, the transaction will be saved and terminated.What is the Importance of 301 Redirects for SEO?The 301 redirect is, of course, a concept highly related to SEO, as it is directly related to the link structure of the website. Because the correct setting of 301 redirects is a situation that will directly affect the ranking of the website.301 redirect is also a value that reveals the value of a page in Google's eyes, although it is not directly evaluated after this date, which Google used actively until 2014.Although Google does not currently use the value it creates depending on the PageRank algorithm as a direct ranking factor, it has been stated in the messages given by Google officials at various times that PageRank is still taken into consideration along with many other factors in the rankings. John Mueller, who has worked at Google for many years and is currently working as a consultant at Google, states that PageRank is still being evaluated in a dialogue with a Twitter user in 2020.301 redirects are also directly related to this PageRank value. Until 2016, the PageRank of a page with 301 redirects was losing about 15% with a single redirect. When 301 redirects were made more than once, this depreciation was more than 15%.However, in a tweet by Gary Illyes, one of the Google developers in 2016, it was stated that 301 and 302 redirects no longer affect the Google PageRank algorithm.Therefore, redirecting a page to another page with a 301 redirect makes the redirected page equivalent to the referring page. In other words, 30X redirects, in essence, do not differ between pages for Google bots.However, there are some other points to consider in terms of SEO when doing a 301 redirect.The HTTP version page should be redirected to the HTTPS version page.Most of the time, especially on websites made with CMS, this is an automatically developed feature. However, as we mentioned above in detail, a website's secure connection is possible with an HTTPS link and SSL certificate. Therefore, if the website has visibility with the HTTP version, it should be ensured that this URL is redirected to the HTTPS version.301 redirected pages should be removed from the sitemap file.The sitemap file is a .xml file that contains all the links of a website and guides Google bots to crawl the site more easily. In some cases, this file contains 301 redirected links.Since pages with 301 redirects are technically invalid, there is no point in having them in the sitemap file. For this reason, removing 301 redirected pages from the sitemap is of great importance in reducing the crawl budget.Redirect chains should be avoided.Redirect chains refer to multiple redirects of a URL. Google warns site developers about this: “In cases where Googlebot and site crawler follow more than one redirect (page 1 > page 2 > page 3), our recommendation is to redirect directly to the last page. In cases where this is not possible, the ideal referral chain should not exceed 3 referrals and should be less than 5 in any case.”Redirect loops should be fixed.The redirect loop occurs when a URL in the redirect chain redirects to another URL in the chain.For example; page 1 > page 2 > page 3 > page 2 > page 3 > page 2 > page 3 …A routing chain forms a routing loop. In such a case, the browser cannot find the page to go to and cannot run the page, giving a warning that this page is redirecting too many times. Such a situation is very bad for both Googlebot and site users. Because while it directly affects the user experience, it also causes an absurd situation for Googlebot to follow an unlimited URL loop. This creates a very harmful situation in terms of the crawl budget. If there is such a situation on a website, the URLs in the redirect loop should be saved from this loop and a healthy redirect chain should be created. Sources https://developers.google.com/search/docs/advanced/crawling/301-redirects https://blog.hubspot.com/blog/tabid/6307/bid/45/the-importance-of-google-pagerank-a-guide-for-small-business-executives.aspx https://developers.google.com/search/docs/advanced/crawling/site-move-with-url-changes?hl=en&visit_id=637868258041107034-3922323913&rd=1 https://ahrefs.com/blog/301-redirects/ https://www.contentkingapp.com/academy/crawl-budget/

Sep 4, 2022 1248 reads

Effects of IP Class and Server on SEO

Search Engine Optimization (SEO) is one of the fields whose importance is increasing every day with digitalization and the growth of e-commerce. Website owners who conduct SEO work may sometimes overlook important metrics. Domain Class IP and server-side scans are also among the important SEO metrics.What is Class IP?Class IPs are the names given to the classes where websites are located between certain IP addresses. There are 5 different class IP categories here. Class A IP Class B IP Class C IP Class D IP Class E IP In these classes, Class A IP represents the range between addresses 1.0.0.1 and 126.255.255.254, Class B IP between 128.1.0.1 and 191.255.255.254, Class C IP between 192.0.1.1 and 223.255.254.254, Class D IP between 224.0.0.0 and 239.255.255.255, and Class E IP between 240.0.0.0 and 254.255.255.254.The Impact of Class IPs on SEOClass IPs generally represent the IP addresses where websites are located. Since Class D and E IPs are usually used for developer-related purposes, they are not found on the world wide web. Among Class A, B, and C IP addresses, the most valuable are Class A IPs. This is because Class A IP addresses are harder to obtain and represent the group of IPs where many valuable websites on the internet are hosted. For this reason, access to these IPs is quite difficult and costly.Therefore, websites with Class A IPs are highly valued by search engines. Since their costs are very high, websites with Class A IP addresses are known to have index and authority priority by search engines. About 75–80% of the websites hosted on the web consist of Class B and Class C IPs. From this, you can understand how valuable Class A IPs are.Server and SEO RelationshipOne of the common mistakes after publishing a website is starting SEO efforts without checking which server the website is hosted on. Hosting companies generally use shared hosting servers for websites, and multiple websites can be hosted on the same server as your website.This situation may negatively affect the visibility of your website if one of the websites on the same server; is penalized by search engines, hosts illegal, gambling, violent, etc. content, contains duplicate content, falls into spam or sandbox status In such harmful cases, the server IP address may be restricted by search engines, negatively impacting your website’s visibility as well. To prevent this, a server scan must be performed.How to Perform a Server Scan?There are many free platforms you can use to perform a server scan and learn which other websites are hosted on the same server as yours. Our recommendation is to use the two platforms below.https://wmaraci.com/sunucu-tarama https://www.hosttescil.com/seo/sunucu-tarama/After visiting the relevant address, simply paste your website into the box above and click query.Once the scan is complete, as you can see in the image above, other websites hosted on the same server will be listed. These websites should be checked, and if there is any harmful website, it should be reported to the hosting company immediately.How to Exit a Server Hosting Harmful Sites?If you think your website may be harmed by other sites hosted on the same server, you can purchase a static IP address for your website, ensuring it has its own IP address instead of the server IP and can be customized.Another method is to contact your hosting company, inform them of the situation, and request that your website be moved to a different server. Hosting companies usually handle such cases with understanding and will move your website to a different server without charging you.Additionally, during your scan, you can view websites sharing the same Class C IP address as yours, and if there are websites you consider harmful, you can again contact your hosting provider and request to be moved to a different Class IP address.