{"id":20897,"date":"2023-11-07T08:56:06","date_gmt":"2023-11-07T08:56:06","guid":{"rendered":"https:\/\/www.dopinger.com\/blog\/?p=20897"},"modified":"2024-07-31T12:51:50","modified_gmt":"2024-07-31T12:51:50","slug":"what-is-server-side-rendering","status":"publish","type":"post","link":"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering","title":{"rendered":"What Is Server-Side Rendering? (Impact on SEO)"},"content":{"rendered":"\n<p>Server Side Rendering is the method where the request sent by users to the server is processed on the server side, and the output is transmitted to the browser. In short, it is doing the work of the browser on the server. The working principle of SSR starts with the user making a request. The server receives the request and collects the necessary data. Then, using this data, the server generates a fully rendered HTML version of the page. This HTML file is sent to the browser and viewed by the user. In this process,&nbsp;<strong>Server-side rendering<\/strong>&nbsp;uses JavaScript for user-side visual changes and interaction. The dynamic parts or content of the page are generated server-side.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_Is_Server-Side_Rendering\"><\/span>What Is Server-Side Rendering?&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>In web development, user experience and performance are two significant factors. Therefore, web applications strive to deliver fast load times and impressive user experiences.&nbsp;<strong>Server-side rendering<\/strong>&nbsp;(SSR) is a method that helps web developers achieve these goals. Search engines are an essential source of traffic for websites. However, pages built with&nbsp;<strong>client-side rendering<\/strong>&nbsp;can have difficulty indexing by search engines. Search engines cannot execute <a href=\"https:\/\/www.dopinger.com\/blog\/what-is-javascript-seo\" target=\"_blank\" rel=\"noreferrer noopener\">JavaScript<\/a> code to render the web page. By using&nbsp;<strong>SSR<\/strong>, you render your web page on the server side, making it better indexable by search engines. This is important for generating organic traffic (<strong>SEO<\/strong>).&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"960\" height=\"480\" src=\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/en\/2023\/11\/how-does-server-side-rendering-work.jpg\" alt=\"how does server-side rendering work\" class=\"wp-image-20906\" srcset=\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/en\/2023\/11\/how-does-server-side-rendering-work.jpg 960w, https:\/\/storage.googleapis.com\/dopingcloud\/blog\/en\/2023\/11\/how-does-server-side-rendering-work-768x384.jpg 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_Does_Server-Side_Rendering_Work\"><\/span>How Does Server-Side Rendering Work?&nbsp;&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>In&nbsp;<strong>Server Side Rendering, an HTML<\/strong>&nbsp;response is sent to the connection requests received by the server. JavaScript codes are not active when the HTML response is sent back, but the content can be read by the user even if the JavaScript files are not running. In this case, the page does not have the dynamics provided by the JavaScript code. The browser then starts reading and parsing the HTML file. The JavaScript code is then activated, and the page starts to use the dynamic advantages provided by the JavaScript library. This system allows pages to load quickly while minimizing the JavaScript code running in the user&#8217;s browser.&nbsp;<\/p>\n\n\n\n<p>When a user enters a URL into their browser and requests the page, the server receives the request and collects all the data for that page. This data is combined with many components on the server-rendered, and the result is an HTML file. This HTML file is then sent to the browser and displayed to the user. The working process is listed below:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The user opens a URL in their browser.&nbsp;<\/li>\n\n\n\n<li>The browser sends a request to the server.&nbsp;<\/li>\n\n\n\n<li>The server receives the request and collects the data of the relevant page.&nbsp;<\/li>\n\n\n\n<li>The data is combined with the components available on the server and rendered as an HTML file.&nbsp;<\/li>\n\n\n\n<li>The&nbsp;<strong>rendered HTML<\/strong>&nbsp;file is sent to the browser and displayed to the user.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"The_Advantages_Of_Server-Side_Rendering\"><\/span>The Advantages Of Server-Side Rendering&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Server-side rendering is a technique to increase the performance of web applications, improve the user experience, and achieve better rankings in search engines.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Some of the advantages of SSR are as follows:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Content reaches to the user faster.&nbsp;<\/li>\n\n\n\n<li>Improves&nbsp;<strong>SSR SEO<\/strong>&nbsp;performance.&nbsp;<\/li>\n\n\n\n<li>Allows frontend and backend developers to work at the same time.&nbsp;<\/li>\n\n\n\n<li>All pages are crawled and indexed, and custom metawork is done for each page individually.&nbsp;<\/li>\n\n\n\n<li>SSR improves the user experience by making pages load faster. This keeps visitors coming back to the website.&nbsp;<\/li>\n\n\n\n<li>One of the crucial advantages of SSR is that during the initial loading, the user is not waiting for a blank page, as in&nbsp;<strong>Client Side Rendering<\/strong>. Pages fill up quickly.&nbsp;<\/li>\n\n\n\n<li>There is less JavaScript dependency.&nbsp;<\/li>\n\n\n\n<li>It helps the page load even if the user&#8217;s device is outdated.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"The_Disadvantages_Of_Server-Side_Rendering\"><\/span>The Disadvantages Of Server-Side Rendering&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>One of the disadvantages of Server-Side Rendering (SSR) is that it can make the server work harder, which may slow things down. It can also be more complicated to set up and could limit how interactive your website is. Handling client-side scripts might be challenging, too. So, web developers need to consider these advantages and disadvantages before choosing&nbsp;<strong>server-side rendering<\/strong>&nbsp;to ensure it&#8217;s the right choice for their project.&nbsp;&nbsp;<\/p>\n\n\n\n<p>Some of the disadvantages of SSR are as follows:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The number of requests to the server is high. This means more load on the server.&nbsp;<\/li>\n\n\n\n<li>Server costs are high.&nbsp;<\/li>\n\n\n\n<li>Interactivity is not as good as&nbsp;<strong>Client Side Rendering<\/strong>&nbsp;in applications where speed is important and second-by-second data flows.&nbsp;&nbsp;<\/li>\n\n\n\n<li>Navigation between pages is slow because all pages are reloaded with each navigation.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_Is_Static_SSR\"><\/span>What Is Static SSR?&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Static Server-Side Rendering (<strong>Static SSR<\/strong>) is a method in web development to make websites work better. It is a combination of two important ways to show web pages. When we visit a website, the web server usually makes a web page for us. Static SSR helps websites load quickly, and it&#8217;s good for&nbsp;<strong>SEO<\/strong>&nbsp;because search engines like <a href=\"https:\/\/www.google.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google<\/a> can understand the website better. It also makes the website easy to grow because it can serve many people at once. In addition, it&#8217;s a common choice for blogs, marketing sites, and e-commerce product pages. The big difference with<strong>&nbsp;Static SSR<\/strong>&nbsp;is that web pages are created and saved in advance as static files. So they&#8217;re ready to show without the server doing extra work when someone asks to see them.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"960\" height=\"480\" src=\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/en\/2023\/11\/how-does-server-side-rendering-impact-seo.jpg\" alt=\"impact on SEO\" class=\"wp-image-20905\" srcset=\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/en\/2023\/11\/how-does-server-side-rendering-impact-seo.jpg 960w, https:\/\/storage.googleapis.com\/dopingcloud\/blog\/en\/2023\/11\/how-does-server-side-rendering-impact-seo-768x384.jpg 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"How_Does_Server-side_Rendering_Impact_SEO\"><\/span>How Does Server-side Rendering Impact SEO?&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Server-side rendering (<strong>SSR<\/strong>) helps websites become more visible to search engines like Google. This is important for <a href=\"https:\/\/www.dopinger.com\/seo\/\" target=\"_blank\" rel=\"noreferrer noopener\">SEO<\/a>, which makes your website appear well in search results. Search engine optimization (<strong>SEO<\/strong>) is a key part of building websites and creating content. Server-side rendering (SSR) is a big deal in how well your website does in\u00a0<strong>Search engine optimization<\/strong>.\u00a0<\/p>\n\n\n\n<p>SSR impacts many things, like how fast your pages load, how well your content shows up, and how users engage with your site. Knowing how&nbsp;<strong>SSR affects SEO<\/strong>&nbsp;measures is vital for web developers and marketers who want their websites to do well in search engine results.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Better for Search Engines:<\/strong>&nbsp;SSR makes it easier for search engines to understand and include your website in search results.&nbsp;&nbsp;<\/li>\n\n\n\n<li><strong>Faster Loading:<\/strong>&nbsp;Makes your web pages load faster.&nbsp;<strong>SSR is good for SEO<\/strong>&nbsp;because search engines like websites that load quickly.&nbsp;<\/li>\n\n\n\n<li><strong>Lower Bounce Rates:<\/strong>&nbsp;Faster loading pages can keep people on your website longer.&nbsp;&nbsp;<\/li>\n\n\n\n<li><strong>Works Well on Mobile:<\/strong>&nbsp;SSR helps your website work well on mobile phones since it\u2019s important for SEO because many people use phones to search.&nbsp;<\/li>\n\n\n\n<li><strong>Accessible for Everyone:<\/strong>&nbsp;SSR can make your website more accessible for people with disabilities, which is a positive for&nbsp;<strong>SEO<\/strong>.&nbsp;<\/li>\n\n\n\n<li><strong>Consistency<\/strong>: SSR ensures that what search engines see is the same as what people see.&nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>Using&nbsp;<strong>server-side rendering for SEO<\/strong>&nbsp;is that it lets you use extra information to make your eCommerce site show up better on Google. This extra information often includes things like frequently asked questions (<a href=\"https:\/\/www.dopinger.com\/blog\/the-importance-of-faqs-in-seo\" target=\"_blank\" rel=\"noreferrer noopener\">FAQs<\/a>), customer reviews shown when people search for your site, and contact details. These added details can help your site rank higher on Google and attract more customers.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Does_SSR_help_Core_Web_Vitals\"><\/span>Does SSR help Core Web Vitals?&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Yes, Server-Side Rendering (SSR) can help improve <a href=\"https:\/\/www.dopinger.com\/blog\/core-web-vitals\" target=\"_blank\" rel=\"noreferrer noopener\">Core Web Vitals<\/a>, which are a set of user-centered metrics that measure the loading performance, interactivity, and visual stability of a web page. One of the most important metrics tracked in page speed performance and Google search results is Core Web Vitals. It takes into account metrics such as load speed, interactivity, and visual stability. If a page has&nbsp;<strong>Server-Side Rendering<\/strong>&nbsp;(SSR), it will have an impact on Core Web Vitals values and Pagespeed performance.&nbsp;<\/p>\n\n\n\n<p>SSR can positively impact these metrics in the following:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Largest Contentful Paint (<a href=\"https:\/\/www.dopinger.com\/blog\/what-is-lcp\" target=\"_blank\" rel=\"noreferrer noopener\">LCP<\/a>) is one of the three most important data of core web vitals, one of Google&#8217;s most important ranking metrics. With&nbsp;<strong>Server Side Rendering<\/strong>, the element determined as LCP on the page will load much faster on the browser side. So, you can achieve much more successful results in the LCP score measured by Google.&nbsp;<\/li>\n\n\n\n<li><a href=\"https:\/\/www.dopinger.com\/blog\/what-is-cls-how-to-avoid-cumulative-layout-shift\" target=\"_blank\" rel=\"noreferrer noopener\">Cumulative Layout Shift<\/a> (CLS) is another important core web vitals metric Google tracks. It measures the amount of unexpected change in the size and position of your content elements after the page is first created.&nbsp;<\/li>\n\n\n\n<li>First Input Delay (FID) is another one of Google&#8217;s important core web vitals data.&nbsp;<strong>Server Side Rendering<\/strong>&nbsp;generally provides an advantage in optimizing core web vitals data. But when FID scores are taken into account, Server Side Rendering can negatively affect FID scores depending on technical conditions.&nbsp;<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Is_Server-Side_Rendering_Better_for_SEO_Than_Client-Side_Rendering\"><\/span>Is Server-Side Rendering Better for SEO Than Client-Side Rendering?&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Generally, Server-Side Rendering (SSR) means the page is created on the server, and&nbsp;<strong>Client-Side Rendering<\/strong>&nbsp;(CSR) means it&#8217;s made on your computer. When making a website, you need to choose between these two methods for rendering your web pages.&nbsp;<\/p>\n\n\n\n<p><strong>SSR SEO<\/strong>&nbsp;is generally better than&nbsp;<strong>CSR<\/strong>&nbsp;because it facilitates indexing, improves page load speed, enhances mobile friendliness, maintains content consistency, and supports accessibility. However, the choice between SSR and CSR depends on your specific website requirements and goals, as some websites may benefit from a combination of both approaches for the best user experience and&nbsp;<strong>SEO performance<\/strong>. The most obvious difference between&nbsp;<strong>Server-Side Rendering<\/strong>&nbsp;and Client-Side Rendering is where the javascript files are implemented. Depending on this, there will be a performance difference. To notice the differences between Server-Side Rendering vs.&nbsp;<strong>Client-Side Rendering<\/strong>&nbsp;are as follows:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>In the SSR method, JS files are applied on the server, while in CSR management, they are applied by the user.&nbsp;<\/li>\n\n\n\n<li>In the SSR method, the FCP time, which indicates the time to see the first request at the site opening, is lower than the&nbsp;<strong>CSR method<\/strong>.&nbsp;<\/li>\n\n\n\n<li>The server load is higher in the SSR method than in the CSR method.&nbsp;<\/li>\n\n\n\n<li>SSR management is more advantageous in terms of&nbsp;<strong>SEO<\/strong>.&nbsp;<\/li>\n\n\n\n<li>The SSR method requires new generation libraries other than traditional javascript libraries, which creates the need for a special team and extra cost.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p>SSR and CSR each have their advantages and disadvantages. The choice between them depends on the specific features your app requires.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"960\" height=\"480\" src=\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/en\/2023\/11\/impact-on-user-experience.jpg\" alt=\"server-side rendering impact on user experience\" class=\"wp-image-20904\" srcset=\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/en\/2023\/11\/impact-on-user-experience.jpg 960w, https:\/\/storage.googleapis.com\/dopingcloud\/blog\/en\/2023\/11\/impact-on-user-experience-768x384.jpg 768w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Can_Server-Side_Rendering_Negatively_Impact_the_User_Experience\"><\/span>Can Server-Side Rendering Negatively Impact the User Experience?&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Server-side rendering can have drawbacks for the user experience. It can lead to slower page loads, especially when the server has to create and send HTML, causing user delays. Additionally, server-side rendering can strain server resources, resulting in slow page load times or even server crashes during high traffic or with many dynamic elements. Users with slow internet connections can face frustrating delays, particularly on mobile devices. Furthermore, it limits user control over rendering, making it challenging to add interactive features. Implementing and maintaining&nbsp;<strong>server-side rendering<\/strong>&nbsp;can also be complex and time-consuming, especially for large or evolving applications, impacting development efficiency and the user experience.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Can_Server-Side_Rendering_Improve_the_Ranking_of_a_Webpage_in_Search_Results\"><\/span>Can Server-Side Rendering Improve the Ranking of a Webpage in Search Results?&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Yes,&nbsp;<strong>SSR provides better SEO performance<\/strong>. This is because a completed HTML page generated by the server can be indexed more easily by search engines. Also, SSR allows for less processing on the user side when serving a server-completed HTML page, which improves server efficiency. However, due to the nature of some applications, they cannot be crawled correctly by search engines because they run in the browser. This poses a significant problem for search engine optimization (SEO). Another advantage of&nbsp;<strong>SSR in terms of SEO<\/strong>&nbsp;is the ability to use <a href=\"https:\/\/www.dopinger.com\/blog\/how-to-make-seo-friendly-website\" target=\"_blank\" rel=\"noreferrer noopener\">SEO-friendly<\/a> URLs. In web applications created with SSR, URLs are more understandable and easier to crawl because the server generates them. This positively affects your site&#8217;s ranking in search engines. <\/p>\n\n\n\n<p>Web applications built using SSR have improved search engine indexing, faster loading times, and enhanced user experience. Additionally, SSR allows for the utilization of SEO-friendly URLs, potentially boosting your site&#8217;s search engine ranking. Therefore, it is important to pay attention to the impact of&nbsp;<strong>SSR on SEO&nbsp;<\/strong>when developing a web application.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Server-Side_Rendering_and_SEO\"><\/span>Server-Side Rendering and SEO&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Server-side processing has many advantages over client-side processing. In particular, they provide significant benefits in terms of performance,&nbsp;<strong>SEO<\/strong>, and accessibility. However, since every project is different, you must be careful when deciding which method to use. Although Google improves its capabilities every year, especially in terms of processing and indexing user-side javascript, the cost of elements created with javascript at the point of crawling and storage, and Google&#8217;s policy of reducing crawling costs, which is very natural as a company, reducing both indexing and crawling costs by using&nbsp;<strong>server-side rendering for the SEO<\/strong>&nbsp;can be very critical success of a project.&nbsp;<\/p>\n\n\n\n<div class=\"schema-faq wp-block-yoast-faq-block\">   <\/div>\n\n    <div class=\"container m-0 p-0 pm-faq\">\n            <h2 class=\"accordion-title\"><span class=\"ez-toc-section\" id=\"Frequently_Asked_Questions_About\"><\/span>Frequently Asked Questions About <span class=\"ez-toc-section-end\"><\/span><\/h2>\n        <div class=\"faq accordion faq-drop\" id=\"accordion\">\n            <div class=\"col-md-12 faq-card m-0 p-0\">\n                    <div class=\"card faq\">\n                        <div class=\"card-header collapsed d-flex justify-content-between align-items-center d-flex\" id=\"heading0\"\n                             data-toggle=\"collapse\" data-target=\"#collapse_0\" aria-expanded=\"true\" role=\"button\"\n                             aria-controls=\"collapse_0\">\n                            Is SSR becoming popular?\u00a0\n                            <svg class=\"close\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                              <path d=\"M12.0002 23.6663C9.69272 23.6663 7.43709 22.9821 5.51851 21.7002C3.59994 20.4182 2.1046 18.5961 1.22157 16.4643C0.338551 14.3325 0.107512 11.9867 0.557673 9.72362C1.00783 7.46051 2.11898 5.38171 3.75059 3.7501C5.3822 2.11849 7.461 1.00735 9.72411 0.557185C11.9872 0.107024 14.333 0.338063 16.4648 1.22108C18.5966 2.10411 20.4187 3.59945 21.7006 5.51803C22.9826 7.4366 23.6668 9.69223 23.6668 11.9997C23.6668 15.0939 22.4377 18.0613 20.2497 20.2493C18.0618 22.4372 15.0944 23.6663 12.0002 23.6663ZM12.0002 2.27746C10.0773 2.27746 8.1976 2.84766 6.59879 3.91595C4.99998 4.98424 3.75386 6.50264 3.01801 8.27914C2.28215 10.0556 2.08962 12.0105 2.46476 13.8964C2.83989 15.7823 3.76584 17.5146 5.12552 18.8743C6.48519 20.234 8.21753 21.16 10.1035 21.5351C11.9894 21.9102 13.9442 21.7177 15.7207 20.9818C17.4972 20.246 19.0156 18.9999 20.0839 17.4011C21.1522 15.8022 21.7224 13.9226 21.7224 11.9997C21.7224 9.42118 20.6981 6.9483 18.8748 5.12503C17.0515 3.30176 14.5787 2.27746 12.0002 2.27746Z\" fill=\"#4266FF\"\/>\n                              <path d=\"M12.0001 18.1566C11.7432 18.1533 11.4979 18.0497 11.3163 17.8681C11.1347 17.6865 11.0312 17.4412 11.0278 17.1844V6.81402C11.0278 6.55617 11.1303 6.30888 11.3126 6.12655C11.4949 5.94423 11.7422 5.8418 12.0001 5.8418C12.2579 5.8418 12.5052 5.94423 12.6875 6.12655C12.8698 6.30888 12.9723 6.55617 12.9723 6.81402V17.1844C12.9689 17.4412 12.8654 17.6865 12.6838 17.8681C12.5022 18.0497 12.2569 18.1533 12.0001 18.1566Z\" fill=\"#4266FF\"\/>\n                              <path d=\"M17.1854 12.9718H6.815C6.55715 12.9718 6.30986 12.8694 6.12753 12.687C5.9452 12.5047 5.84277 12.2574 5.84277 11.9996C5.84277 11.7417 5.9452 11.4944 6.12753 11.3121C6.30986 11.1298 6.55715 11.0273 6.815 11.0273H17.1854C17.4432 11.0273 17.6905 11.1298 17.8728 11.3121C18.0552 11.4944 18.1576 11.7417 18.1576 11.9996C18.1576 12.2574 18.0552 12.5047 17.8728 12.687C17.6905 12.8694 17.4432 12.9718 17.1854 12.9718Z\" fill=\"#4266FF\"\/>\n                            <\/svg>\n                            <svg class=\"open\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                              <path d=\"M12.0002 23.6663C9.69272 23.6663 7.43709 22.9821 5.51851 21.7002C3.59994 20.4182 2.1046 18.5961 1.22157 16.4643C0.338551 14.3325 0.107512 11.9867 0.557673 9.72362C1.00783 7.46051 2.11898 5.38171 3.75059 3.7501C5.3822 2.11849 7.461 1.00735 9.72411 0.557185C11.9872 0.107024 14.333 0.338063 16.4648 1.22108C18.5966 2.10411 20.4187 3.59945 21.7006 5.51803C22.9826 7.4366 23.6668 9.69223 23.6668 11.9997C23.6668 15.0939 22.4377 18.0613 20.2497 20.2493C18.0618 22.4372 15.0944 23.6663 12.0002 23.6663ZM12.0002 2.27746C10.0773 2.27746 8.1976 2.84766 6.59879 3.91595C4.99998 4.98424 3.75386 6.50264 3.01801 8.27914C2.28215 10.0556 2.08962 12.0105 2.46476 13.8964C2.83989 15.7823 3.76584 17.5146 5.12552 18.8743C6.48519 20.234 8.21753 21.16 10.1035 21.5351C11.9894 21.9102 13.9442 21.7177 15.7207 20.9818C17.4972 20.246 19.0156 18.9999 20.0839 17.4011C21.1522 15.8022 21.7224 13.9226 21.7224 11.9997C21.7224 9.42118 20.6981 6.9483 18.8748 5.12503C17.0515 3.30176 14.5787 2.27746 12.0002 2.27746Z\" fill=\"#EF4444\"\/>\n                              <path d=\"M5.84241 11.9996C5.84577 11.7428 5.94928 11.4974 6.13088 11.3158C6.31249 11.1342 6.55783 11.0307 6.81464 11.0273L17.185 11.0273C17.4429 11.0273 17.6901 11.1298 17.8725 11.3121C18.0548 11.4944 18.1572 11.7417 18.1572 11.9996C18.1572 12.2574 18.0548 12.5047 17.8725 12.687C17.6901 12.8694 17.4429 12.9718 17.185 12.9718L6.81464 12.9718C6.55783 12.9684 6.31249 12.8649 6.13088 12.6833C5.94928 12.5017 5.84577 12.2564 5.84241 11.9996Z\" fill=\"#EF4444\"\/>\n                              <path d=\"M17.1854 12.9718H6.815C6.55715 12.9718 6.30986 12.8694 6.12753 12.687C5.9452 12.5047 5.84277 12.2574 5.84277 11.9996C5.84277 11.7417 5.9452 11.4944 6.12753 11.3121C6.30986 11.1298 6.55715 11.0273 6.815 11.0273H17.1854C17.4432 11.0273 17.6905 11.1298 17.8728 11.3121C18.0552 11.4944 18.1576 11.7417 18.1576 11.9996C18.1576 12.2574 18.0552 12.5047 17.8728 12.687C17.6905 12.8694 17.4432 12.9718 17.1854 12.9718Z\" fill=\"#EF4444\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div id=\"collapse_0\" class=\"collapse\" aria-labelledby=\"heading0\" data-parent=\"#accordion\">\n                            <div class=\"card-body\">\n                                <p>Google aims to direct users to websites that load quickly because faster-loading pages receive higher rankings in organic search results.\u00a0<\/p>\n                            <\/div>\n                        <\/div>\n                        <\/div>\n                        \n                    <div class=\"card faq\">\n                        <div class=\"card-header collapsed d-flex justify-content-between align-items-center d-flex\" id=\"heading1\"\n                             data-toggle=\"collapse\" data-target=\"#collapse_1\" aria-expanded=\"true\" role=\"button\"\n                             aria-controls=\"collapse_1\">\n                            Is client-side rendering bad for SEO?\u00a0\n                            <svg class=\"close\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                              <path d=\"M12.0002 23.6663C9.69272 23.6663 7.43709 22.9821 5.51851 21.7002C3.59994 20.4182 2.1046 18.5961 1.22157 16.4643C0.338551 14.3325 0.107512 11.9867 0.557673 9.72362C1.00783 7.46051 2.11898 5.38171 3.75059 3.7501C5.3822 2.11849 7.461 1.00735 9.72411 0.557185C11.9872 0.107024 14.333 0.338063 16.4648 1.22108C18.5966 2.10411 20.4187 3.59945 21.7006 5.51803C22.9826 7.4366 23.6668 9.69223 23.6668 11.9997C23.6668 15.0939 22.4377 18.0613 20.2497 20.2493C18.0618 22.4372 15.0944 23.6663 12.0002 23.6663ZM12.0002 2.27746C10.0773 2.27746 8.1976 2.84766 6.59879 3.91595C4.99998 4.98424 3.75386 6.50264 3.01801 8.27914C2.28215 10.0556 2.08962 12.0105 2.46476 13.8964C2.83989 15.7823 3.76584 17.5146 5.12552 18.8743C6.48519 20.234 8.21753 21.16 10.1035 21.5351C11.9894 21.9102 13.9442 21.7177 15.7207 20.9818C17.4972 20.246 19.0156 18.9999 20.0839 17.4011C21.1522 15.8022 21.7224 13.9226 21.7224 11.9997C21.7224 9.42118 20.6981 6.9483 18.8748 5.12503C17.0515 3.30176 14.5787 2.27746 12.0002 2.27746Z\" fill=\"#4266FF\"\/>\n                              <path d=\"M12.0001 18.1566C11.7432 18.1533 11.4979 18.0497 11.3163 17.8681C11.1347 17.6865 11.0312 17.4412 11.0278 17.1844V6.81402C11.0278 6.55617 11.1303 6.30888 11.3126 6.12655C11.4949 5.94423 11.7422 5.8418 12.0001 5.8418C12.2579 5.8418 12.5052 5.94423 12.6875 6.12655C12.8698 6.30888 12.9723 6.55617 12.9723 6.81402V17.1844C12.9689 17.4412 12.8654 17.6865 12.6838 17.8681C12.5022 18.0497 12.2569 18.1533 12.0001 18.1566Z\" fill=\"#4266FF\"\/>\n                              <path d=\"M17.1854 12.9718H6.815C6.55715 12.9718 6.30986 12.8694 6.12753 12.687C5.9452 12.5047 5.84277 12.2574 5.84277 11.9996C5.84277 11.7417 5.9452 11.4944 6.12753 11.3121C6.30986 11.1298 6.55715 11.0273 6.815 11.0273H17.1854C17.4432 11.0273 17.6905 11.1298 17.8728 11.3121C18.0552 11.4944 18.1576 11.7417 18.1576 11.9996C18.1576 12.2574 18.0552 12.5047 17.8728 12.687C17.6905 12.8694 17.4432 12.9718 17.1854 12.9718Z\" fill=\"#4266FF\"\/>\n                            <\/svg>\n                            <svg class=\"open\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                              <path d=\"M12.0002 23.6663C9.69272 23.6663 7.43709 22.9821 5.51851 21.7002C3.59994 20.4182 2.1046 18.5961 1.22157 16.4643C0.338551 14.3325 0.107512 11.9867 0.557673 9.72362C1.00783 7.46051 2.11898 5.38171 3.75059 3.7501C5.3822 2.11849 7.461 1.00735 9.72411 0.557185C11.9872 0.107024 14.333 0.338063 16.4648 1.22108C18.5966 2.10411 20.4187 3.59945 21.7006 5.51803C22.9826 7.4366 23.6668 9.69223 23.6668 11.9997C23.6668 15.0939 22.4377 18.0613 20.2497 20.2493C18.0618 22.4372 15.0944 23.6663 12.0002 23.6663ZM12.0002 2.27746C10.0773 2.27746 8.1976 2.84766 6.59879 3.91595C4.99998 4.98424 3.75386 6.50264 3.01801 8.27914C2.28215 10.0556 2.08962 12.0105 2.46476 13.8964C2.83989 15.7823 3.76584 17.5146 5.12552 18.8743C6.48519 20.234 8.21753 21.16 10.1035 21.5351C11.9894 21.9102 13.9442 21.7177 15.7207 20.9818C17.4972 20.246 19.0156 18.9999 20.0839 17.4011C21.1522 15.8022 21.7224 13.9226 21.7224 11.9997C21.7224 9.42118 20.6981 6.9483 18.8748 5.12503C17.0515 3.30176 14.5787 2.27746 12.0002 2.27746Z\" fill=\"#EF4444\"\/>\n                              <path d=\"M5.84241 11.9996C5.84577 11.7428 5.94928 11.4974 6.13088 11.3158C6.31249 11.1342 6.55783 11.0307 6.81464 11.0273L17.185 11.0273C17.4429 11.0273 17.6901 11.1298 17.8725 11.3121C18.0548 11.4944 18.1572 11.7417 18.1572 11.9996C18.1572 12.2574 18.0548 12.5047 17.8725 12.687C17.6901 12.8694 17.4429 12.9718 17.185 12.9718L6.81464 12.9718C6.55783 12.9684 6.31249 12.8649 6.13088 12.6833C5.94928 12.5017 5.84577 12.2564 5.84241 11.9996Z\" fill=\"#EF4444\"\/>\n                              <path d=\"M17.1854 12.9718H6.815C6.55715 12.9718 6.30986 12.8694 6.12753 12.687C5.9452 12.5047 5.84277 12.2574 5.84277 11.9996C5.84277 11.7417 5.9452 11.4944 6.12753 11.3121C6.30986 11.1298 6.55715 11.0273 6.815 11.0273H17.1854C17.4432 11.0273 17.6905 11.1298 17.8728 11.3121C18.0552 11.4944 18.1576 11.7417 18.1576 11.9996C18.1576 12.2574 18.0552 12.5047 17.8728 12.687C17.6905 12.8694 17.4432 12.9718 17.1854 12.9718Z\" fill=\"#EF4444\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div id=\"collapse_1\" class=\"collapse\" aria-labelledby=\"heading1\" data-parent=\"#accordion\">\n                            <div class=\"card-body\">\n                                <p>Search engines might struggle to understand and interpret the content on a website that heavily relies on client-side rendering.\u00a0<\/p>\n                            <\/div>\n                        <\/div>\n                        <\/div>\n                        \n                    <div class=\"card faq\">\n                        <div class=\"card-header collapsed d-flex justify-content-between align-items-center d-flex\" id=\"heading2\"\n                             data-toggle=\"collapse\" data-target=\"#collapse_2\" aria-expanded=\"true\" role=\"button\"\n                             aria-controls=\"collapse_2\">\n                            Is HTML server-side or client-side?\u00a0\n                            <svg class=\"close\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                              <path d=\"M12.0002 23.6663C9.69272 23.6663 7.43709 22.9821 5.51851 21.7002C3.59994 20.4182 2.1046 18.5961 1.22157 16.4643C0.338551 14.3325 0.107512 11.9867 0.557673 9.72362C1.00783 7.46051 2.11898 5.38171 3.75059 3.7501C5.3822 2.11849 7.461 1.00735 9.72411 0.557185C11.9872 0.107024 14.333 0.338063 16.4648 1.22108C18.5966 2.10411 20.4187 3.59945 21.7006 5.51803C22.9826 7.4366 23.6668 9.69223 23.6668 11.9997C23.6668 15.0939 22.4377 18.0613 20.2497 20.2493C18.0618 22.4372 15.0944 23.6663 12.0002 23.6663ZM12.0002 2.27746C10.0773 2.27746 8.1976 2.84766 6.59879 3.91595C4.99998 4.98424 3.75386 6.50264 3.01801 8.27914C2.28215 10.0556 2.08962 12.0105 2.46476 13.8964C2.83989 15.7823 3.76584 17.5146 5.12552 18.8743C6.48519 20.234 8.21753 21.16 10.1035 21.5351C11.9894 21.9102 13.9442 21.7177 15.7207 20.9818C17.4972 20.246 19.0156 18.9999 20.0839 17.4011C21.1522 15.8022 21.7224 13.9226 21.7224 11.9997C21.7224 9.42118 20.6981 6.9483 18.8748 5.12503C17.0515 3.30176 14.5787 2.27746 12.0002 2.27746Z\" fill=\"#4266FF\"\/>\n                              <path d=\"M12.0001 18.1566C11.7432 18.1533 11.4979 18.0497 11.3163 17.8681C11.1347 17.6865 11.0312 17.4412 11.0278 17.1844V6.81402C11.0278 6.55617 11.1303 6.30888 11.3126 6.12655C11.4949 5.94423 11.7422 5.8418 12.0001 5.8418C12.2579 5.8418 12.5052 5.94423 12.6875 6.12655C12.8698 6.30888 12.9723 6.55617 12.9723 6.81402V17.1844C12.9689 17.4412 12.8654 17.6865 12.6838 17.8681C12.5022 18.0497 12.2569 18.1533 12.0001 18.1566Z\" fill=\"#4266FF\"\/>\n                              <path d=\"M17.1854 12.9718H6.815C6.55715 12.9718 6.30986 12.8694 6.12753 12.687C5.9452 12.5047 5.84277 12.2574 5.84277 11.9996C5.84277 11.7417 5.9452 11.4944 6.12753 11.3121C6.30986 11.1298 6.55715 11.0273 6.815 11.0273H17.1854C17.4432 11.0273 17.6905 11.1298 17.8728 11.3121C18.0552 11.4944 18.1576 11.7417 18.1576 11.9996C18.1576 12.2574 18.0552 12.5047 17.8728 12.687C17.6905 12.8694 17.4432 12.9718 17.1854 12.9718Z\" fill=\"#4266FF\"\/>\n                            <\/svg>\n                            <svg class=\"open\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                              <path d=\"M12.0002 23.6663C9.69272 23.6663 7.43709 22.9821 5.51851 21.7002C3.59994 20.4182 2.1046 18.5961 1.22157 16.4643C0.338551 14.3325 0.107512 11.9867 0.557673 9.72362C1.00783 7.46051 2.11898 5.38171 3.75059 3.7501C5.3822 2.11849 7.461 1.00735 9.72411 0.557185C11.9872 0.107024 14.333 0.338063 16.4648 1.22108C18.5966 2.10411 20.4187 3.59945 21.7006 5.51803C22.9826 7.4366 23.6668 9.69223 23.6668 11.9997C23.6668 15.0939 22.4377 18.0613 20.2497 20.2493C18.0618 22.4372 15.0944 23.6663 12.0002 23.6663ZM12.0002 2.27746C10.0773 2.27746 8.1976 2.84766 6.59879 3.91595C4.99998 4.98424 3.75386 6.50264 3.01801 8.27914C2.28215 10.0556 2.08962 12.0105 2.46476 13.8964C2.83989 15.7823 3.76584 17.5146 5.12552 18.8743C6.48519 20.234 8.21753 21.16 10.1035 21.5351C11.9894 21.9102 13.9442 21.7177 15.7207 20.9818C17.4972 20.246 19.0156 18.9999 20.0839 17.4011C21.1522 15.8022 21.7224 13.9226 21.7224 11.9997C21.7224 9.42118 20.6981 6.9483 18.8748 5.12503C17.0515 3.30176 14.5787 2.27746 12.0002 2.27746Z\" fill=\"#EF4444\"\/>\n                              <path d=\"M5.84241 11.9996C5.84577 11.7428 5.94928 11.4974 6.13088 11.3158C6.31249 11.1342 6.55783 11.0307 6.81464 11.0273L17.185 11.0273C17.4429 11.0273 17.6901 11.1298 17.8725 11.3121C18.0548 11.4944 18.1572 11.7417 18.1572 11.9996C18.1572 12.2574 18.0548 12.5047 17.8725 12.687C17.6901 12.8694 17.4429 12.9718 17.185 12.9718L6.81464 12.9718C6.55783 12.9684 6.31249 12.8649 6.13088 12.6833C5.94928 12.5017 5.84577 12.2564 5.84241 11.9996Z\" fill=\"#EF4444\"\/>\n                              <path d=\"M17.1854 12.9718H6.815C6.55715 12.9718 6.30986 12.8694 6.12753 12.687C5.9452 12.5047 5.84277 12.2574 5.84277 11.9996C5.84277 11.7417 5.9452 11.4944 6.12753 11.3121C6.30986 11.1298 6.55715 11.0273 6.815 11.0273H17.1854C17.4432 11.0273 17.6905 11.1298 17.8728 11.3121C18.0552 11.4944 18.1576 11.7417 18.1576 11.9996C18.1576 12.2574 18.0552 12.5047 17.8728 12.687C17.6905 12.8694 17.4432 12.9718 17.1854 12.9718Z\" fill=\"#EF4444\"\/>\n                            <\/svg>\n                        <\/div>\n                        <div id=\"collapse_2\" class=\"collapse\" aria-labelledby=\"heading2\" data-parent=\"#accordion\">\n                            <div class=\"card-body\">\n                                <p>Client-side code is for using HTML, CSS, and JavaScript. It runs within a web browser and usually can&#8217;t access the computer&#8217;s operating system or the file system.<\/p>\n                            <\/div>\n                        <\/div>\n                        <\/div>\n                        <\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Server Side Rendering is the method where the request sent by users to the server is processed on the server side, and the output is transmitted to the browser. In short, it is doing the work of the browser on the server. The working principle of SSR starts with the [&hellip;]<\/p>\n","protected":false},"author":27,"featured_media":20898,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-20897","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo","entry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What Is Server-Side Rendering? (Impact on SEO)<\/title>\n<meta name=\"description\" content=\"Today, we will take a look at what is server-side rendering and its impact on SEO. If you are ready to roll, click!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What Is Server-Side Rendering? (Impact on SEO)\" \/>\n<meta property=\"og:description\" content=\"Today, we will take a look at what is server-side rendering and its impact on SEO. If you are ready to roll, click!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering\" \/>\n<meta property=\"og:site_name\" content=\"Dopinger Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/dopingercom\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-11-07T08:56:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-31T12:51:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/en\/2023\/11\/what-is-server-side-rendering-impact-on-seo.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1248\" \/>\n\t<meta property=\"og:image:height\" content=\"832\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ay\u015fenur Tekin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@aysnrt_d\" \/>\n<meta name=\"twitter:site\" content=\"@dopingercom\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ay\u015fenur Tekin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering\"},\"author\":{\"name\":\"Ay\u015fenur Tekin\",\"@id\":\"https:\/\/www.dopinger.com\/blog\/#\/schema\/person\/abf7bdbd08a93684eb25f25db081da59\"},\"headline\":\"What Is Server-Side Rendering? (Impact on SEO)\",\"datePublished\":\"2023-11-07T08:56:06+00:00\",\"dateModified\":\"2024-07-31T12:51:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering\"},\"wordCount\":2279,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.dopinger.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#primaryimage\"},\"thumbnailUrl\":\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/en\/2023\/11\/what-is-server-side-rendering-impact-on-seo.jpg\",\"articleSection\":[\"SEO\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#respond\"]}]},{\"@type\":[\"WebPage\",\"FAQPage\"],\"@id\":\"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering\",\"url\":\"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering\",\"name\":\"What Is Server-Side Rendering? (Impact on SEO)\",\"isPartOf\":{\"@id\":\"https:\/\/www.dopinger.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#primaryimage\"},\"thumbnailUrl\":\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/en\/2023\/11\/what-is-server-side-rendering-impact-on-seo.jpg\",\"datePublished\":\"2023-11-07T08:56:06+00:00\",\"dateModified\":\"2024-07-31T12:51:50+00:00\",\"description\":\"Today, we will take a look at what is server-side rendering and its impact on SEO. If you are ready to roll, click!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#breadcrumb\"},\"mainEntity\":[{\"@id\":\"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#faq-question-1699339399575\"},{\"@id\":\"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#faq-question-1699339400245\"},{\"@id\":\"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#faq-question-1699339400845\"}],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#primaryimage\",\"url\":\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/en\/2023\/11\/what-is-server-side-rendering-impact-on-seo.jpg\",\"contentUrl\":\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/en\/2023\/11\/what-is-server-side-rendering-impact-on-seo.jpg\",\"width\":1248,\"height\":832,\"caption\":\"What Is Server-Side Rendering? (Impact on SEO)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.dopinger.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What Is Server-Side Rendering? (Impact on SEO)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.dopinger.com\/blog\/#website\",\"url\":\"https:\/\/www.dopinger.com\/blog\/\",\"name\":\"Dopinger Blog\",\"description\":\"Dopinger\",\"publisher\":{\"@id\":\"https:\/\/www.dopinger.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.dopinger.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.dopinger.com\/blog\/#organization\",\"name\":\"Dopinger Blog\",\"url\":\"https:\/\/www.dopinger.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.dopinger.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/en\/2022\/02\/dopinger-blog-logo.png\",\"contentUrl\":\"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/en\/2022\/02\/dopinger-blog-logo.png\",\"width\":157,\"height\":48,\"caption\":\"Dopinger Blog\"},\"image\":{\"@id\":\"https:\/\/www.dopinger.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/dopingercom\/\",\"https:\/\/x.com\/dopingercom\",\"https:\/\/www.instagram.com\/dopinger_com\/\",\"https:\/\/www.linkedin.com\/company\/dopingercom\/\",\"https:\/\/tr.pinterest.com\/dopingercom\/_saved\/\",\"https:\/\/www.youtube.com\/dopinger\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.dopinger.com\/blog\/#\/schema\/person\/abf7bdbd08a93684eb25f25db081da59\",\"name\":\"Ay\u015fenur Tekin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.dopinger.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.dopinger.com\/blog\/wp-content\/uploads\/2022\/12\/aysenur-tekin-96x96.png\",\"contentUrl\":\"https:\/\/www.dopinger.com\/blog\/wp-content\/uploads\/2022\/12\/aysenur-tekin-96x96.png\",\"caption\":\"Ay\u015fenur Tekin\"},\"description\":\"After graduating from Istanbul Aydin University, English Translation, and Interpreting department, Ay\u015fenur Tekin is interested in writing and editing articles. She started her master's degree in New Media (at IAU) and started to gain knowledge in the fields of digital marketing and SEO. She is currently an SEO Content Editor at Dopinger. She likes to watch science fiction series. She is also interested in different cultures and wants to travel the world someday. Ay\u015fenur is always looking for new adventures to live every day to its fullest.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/aysenur-tekin\/\",\"https:\/\/x.com\/aysnrt_d\"],\"url\":\"https:\/\/www.dopinger.com\/blog\/author\/aysenurtekin\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#faq-question-1699339399575\",\"position\":1,\"url\":\"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#faq-question-1699339399575\",\"name\":\"Is SSR becoming popular?\u00a0\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Google aims to direct users to websites that load quickly because faster-loading pages receive higher rankings in organic search results.\u00a0\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#faq-question-1699339400245\",\"position\":2,\"url\":\"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#faq-question-1699339400245\",\"name\":\"Is client-side rendering bad for SEO?\u00a0\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Search engines might struggle to understand and interpret the content on a website that heavily relies on client-side rendering.\u00a0\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Question\",\"@id\":\"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#faq-question-1699339400845\",\"position\":3,\"url\":\"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#faq-question-1699339400845\",\"name\":\"Is HTML server-side or client-side?\u00a0\",\"answerCount\":1,\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"Client-side code is for using HTML, CSS, and JavaScript. It runs within a web browser and usually can't access the computer's operating system or the file system.\",\"inLanguage\":\"en-US\"},\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What Is Server-Side Rendering? (Impact on SEO)","description":"Today, we will take a look at what is server-side rendering and its impact on SEO. If you are ready to roll, click!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering","og_locale":"en_US","og_type":"article","og_title":"What Is Server-Side Rendering? (Impact on SEO)","og_description":"Today, we will take a look at what is server-side rendering and its impact on SEO. If you are ready to roll, click!","og_url":"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering","og_site_name":"Dopinger Blog","article_publisher":"https:\/\/www.facebook.com\/dopingercom\/","article_published_time":"2023-11-07T08:56:06+00:00","article_modified_time":"2024-07-31T12:51:50+00:00","og_image":[{"width":1248,"height":832,"url":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/en\/2023\/11\/what-is-server-side-rendering-impact-on-seo.jpg","type":"image\/jpeg"}],"author":"Ay\u015fenur Tekin","twitter_card":"summary_large_image","twitter_creator":"@aysnrt_d","twitter_site":"@dopingercom","twitter_misc":{"Written by":"Ay\u015fenur Tekin","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#article","isPartOf":{"@id":"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering"},"author":{"name":"Ay\u015fenur Tekin","@id":"https:\/\/www.dopinger.com\/blog\/#\/schema\/person\/abf7bdbd08a93684eb25f25db081da59"},"headline":"What Is Server-Side Rendering? (Impact on SEO)","datePublished":"2023-11-07T08:56:06+00:00","dateModified":"2024-07-31T12:51:50+00:00","mainEntityOfPage":{"@id":"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering"},"wordCount":2279,"commentCount":0,"publisher":{"@id":"https:\/\/www.dopinger.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#primaryimage"},"thumbnailUrl":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/en\/2023\/11\/what-is-server-side-rendering-impact-on-seo.jpg","articleSection":["SEO"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#respond"]}]},{"@type":["WebPage","FAQPage"],"@id":"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering","url":"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering","name":"What Is Server-Side Rendering? (Impact on SEO)","isPartOf":{"@id":"https:\/\/www.dopinger.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#primaryimage"},"image":{"@id":"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#primaryimage"},"thumbnailUrl":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/en\/2023\/11\/what-is-server-side-rendering-impact-on-seo.jpg","datePublished":"2023-11-07T08:56:06+00:00","dateModified":"2024-07-31T12:51:50+00:00","description":"Today, we will take a look at what is server-side rendering and its impact on SEO. If you are ready to roll, click!","breadcrumb":{"@id":"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#breadcrumb"},"mainEntity":[{"@id":"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#faq-question-1699339399575"},{"@id":"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#faq-question-1699339400245"},{"@id":"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#faq-question-1699339400845"}],"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#primaryimage","url":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/en\/2023\/11\/what-is-server-side-rendering-impact-on-seo.jpg","contentUrl":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/en\/2023\/11\/what-is-server-side-rendering-impact-on-seo.jpg","width":1248,"height":832,"caption":"What Is Server-Side Rendering? (Impact on SEO)"},{"@type":"BreadcrumbList","@id":"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.dopinger.com\/blog"},{"@type":"ListItem","position":2,"name":"What Is Server-Side Rendering? (Impact on SEO)"}]},{"@type":"WebSite","@id":"https:\/\/www.dopinger.com\/blog\/#website","url":"https:\/\/www.dopinger.com\/blog\/","name":"Dopinger Blog","description":"Dopinger","publisher":{"@id":"https:\/\/www.dopinger.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.dopinger.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.dopinger.com\/blog\/#organization","name":"Dopinger Blog","url":"https:\/\/www.dopinger.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.dopinger.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/en\/2022\/02\/dopinger-blog-logo.png","contentUrl":"https:\/\/storage.googleapis.com\/dopingcloud\/blog\/en\/2022\/02\/dopinger-blog-logo.png","width":157,"height":48,"caption":"Dopinger Blog"},"image":{"@id":"https:\/\/www.dopinger.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/dopingercom\/","https:\/\/x.com\/dopingercom","https:\/\/www.instagram.com\/dopinger_com\/","https:\/\/www.linkedin.com\/company\/dopingercom\/","https:\/\/tr.pinterest.com\/dopingercom\/_saved\/","https:\/\/www.youtube.com\/dopinger"]},{"@type":"Person","@id":"https:\/\/www.dopinger.com\/blog\/#\/schema\/person\/abf7bdbd08a93684eb25f25db081da59","name":"Ay\u015fenur Tekin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.dopinger.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/www.dopinger.com\/blog\/wp-content\/uploads\/2022\/12\/aysenur-tekin-96x96.png","contentUrl":"https:\/\/www.dopinger.com\/blog\/wp-content\/uploads\/2022\/12\/aysenur-tekin-96x96.png","caption":"Ay\u015fenur Tekin"},"description":"After graduating from Istanbul Aydin University, English Translation, and Interpreting department, Ay\u015fenur Tekin is interested in writing and editing articles. She started her master's degree in New Media (at IAU) and started to gain knowledge in the fields of digital marketing and SEO. She is currently an SEO Content Editor at Dopinger. She likes to watch science fiction series. She is also interested in different cultures and wants to travel the world someday. Ay\u015fenur is always looking for new adventures to live every day to its fullest.","sameAs":["https:\/\/www.linkedin.com\/in\/aysenur-tekin\/","https:\/\/x.com\/aysnrt_d"],"url":"https:\/\/www.dopinger.com\/blog\/author\/aysenurtekin"},{"@type":"Question","@id":"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#faq-question-1699339399575","position":1,"url":"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#faq-question-1699339399575","name":"Is SSR becoming popular?\u00a0","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Google aims to direct users to websites that load quickly because faster-loading pages receive higher rankings in organic search results.\u00a0","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#faq-question-1699339400245","position":2,"url":"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#faq-question-1699339400245","name":"Is client-side rendering bad for SEO?\u00a0","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Search engines might struggle to understand and interpret the content on a website that heavily relies on client-side rendering.\u00a0","inLanguage":"en-US"},"inLanguage":"en-US"},{"@type":"Question","@id":"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#faq-question-1699339400845","position":3,"url":"https:\/\/www.dopinger.com\/blog\/what-is-server-side-rendering#faq-question-1699339400845","name":"Is HTML server-side or client-side?\u00a0","answerCount":1,"acceptedAnswer":{"@type":"Answer","text":"Client-side code is for using HTML, CSS, and JavaScript. It runs within a web browser and usually can't access the computer's operating system or the file system.","inLanguage":"en-US"},"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.dopinger.com\/blog\/wp-json\/wp\/v2\/posts\/20897","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dopinger.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.dopinger.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.dopinger.com\/blog\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dopinger.com\/blog\/wp-json\/wp\/v2\/comments?post=20897"}],"version-history":[{"count":8,"href":"https:\/\/www.dopinger.com\/blog\/wp-json\/wp\/v2\/posts\/20897\/revisions"}],"predecessor-version":[{"id":23853,"href":"https:\/\/www.dopinger.com\/blog\/wp-json\/wp\/v2\/posts\/20897\/revisions\/23853"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.dopinger.com\/blog\/wp-json\/wp\/v2\/media\/20898"}],"wp:attachment":[{"href":"https:\/\/www.dopinger.com\/blog\/wp-json\/wp\/v2\/media?parent=20897"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.dopinger.com\/blog\/wp-json\/wp\/v2\/categories?post=20897"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.dopinger.com\/blog\/wp-json\/wp\/v2\/tags?post=20897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}