SEO
Client-Side Vs. Server-Side Rendering

Faster webpage loading times play a big part in user experience and SEO, with page load speed a key determining factor for Google’s algorithm.
A front-end web developer must decide the best way to render a website so it delivers a fast experience and dynamic content.
Two popular rendering methods include client-side rendering (CSR) and server-side rendering (SSR).
All websites have different requirements, so understanding the difference between client-side and server-side rendering can help you render your website to match your business goals.
What Is Client-Side Rendering, And How Does It Work?
Client-side rendering is a relatively new approach to rendering websites.
It became popular when JavaScript libraries started integrating it, with Angular and React.js being some of the best examples of libraries used in this type of rendering.
It works by rendering a website’s JavaScript in your browser rather than on the server.
The server responds with a bare-bones HTML document containing the JS files instead of getting all the content from the HTML document.
While the initial upload time is a bit slow, the subsequent page loads will be rapid as they aren’t reliant on a different HTML page per route.
From managing logic to retrieving data from an API, client-rendered sites do everything “independently.” The page is available after the code is executed because every page the user visits and its corresponding URL are created dynamically.
The CSR process is as follows:
- The user enters the URL they wish to visit in the address bar.
- A data request is sent to the server at the specified URL.
- On the client’s first request for the site, the server delivers the static files (CSS and HTML) to the client’s browser.
- The client browser will download the HTML content first, followed by JavaScript. These HTML files connect the JavaScript, starting the loading process by displaying loading symbols the developer defines to the user. At this stage, the website is still not visible to the user.
- After the JavaScript is downloaded, content is dynamically generated on the client’s browser.
- The web content becomes visible as the client navigates and interacts with the website.
What Is Server-Side Rendering, And How Does It Work?
Server-side rendering is the more common technique for displaying information on a screen.
The web browser submits a request for information from the server, fetching user-specific data to populate and sending a fully rendered HTML page to the client. Every time the user visits a new page on the site, the server will repeat the entire process.
Here’s how the SSR process goes step-by-step:
- The user enters the URL they wish to visit in the address bar.
- The server serves a ready-to-be-rendered HTML response to the browser.
- The browser renders the page (now viewable) and downloads JavaScript.
- The browser executes React, thus making the page interactable.
What Are The Differences Between Client-Side And Server-Side Rendering?
The main difference between these two rendering approaches is in the algorithms of their operation. CSR shows an empty page before loading, while SSR displays a fully-rendered HTML page on the first load.
This gives server-side rendering a speed advantage over client-side rendering, as the browser doesn’t need to process large JavaScript files. Content is often visible within a couple of milliseconds.
Search engines can crawl the site for better SEO, making it easy to index your webpages. This readability in the form of text is precisely the way SSR sites appear in the browser.
However, client-side rendering is a cheaper option for website owners.
It relieves the load on your servers, passing the responsibility of rendering to the client (the bot or user trying to view your page). It also offers rich site interactions by providing fast website interaction after the initial load.
Fewer HTTP requests are made to the server with CSR, unlike in SSR, where each page is rendered from scratch, resulting in a slower transition between pages.
SSR can also buckle under a high server load if the server receives many simultaneous requests from different users.
The drawbacks of CSR are the longer initial loading time. This can impact SEO; crawlers might not wait for the content to load and exit the site.
This two-phased approach raises the possibility of seeing empty content on your page by missing JavaScript content after first crawling and indexing the HTML of a page. Remember that, in most cases, CSR requires an external library.
When To Use Server-Side Rendering
If you want to improve your Google visibility and rank high in the search engine results pages (SERPs), server-side rendering is the number one choice.
E-learning websites, online marketplaces, and applications with a straightforward user interface with fewer pages, features, and dynamic data all benefit from this type of rendering.
When To Use Client-Side Rendering
Client-side rendering is usually paired with dynamic web apps like social networks or online messengers. This is because these apps’ information constantly changes and must deal with large and dynamic data to perform fast updates to meet user demand.
The focus here is on a rich site with many users, prioritizing the user experience over SEO.
Which Is Better: Server-Side Or Client-Side Rendering?
If your site’s content doesn’t require much user interaction, then SSR is more effective. It positively influences accessibility, page load times, SEO, and social media support.
On the other hand, CSR is excellent for providing cost-effective rendering for web applications, and it’s easier to build and maintain; it’s better for First Input Delay (FID).
Sometimes, you don’t have to choose between the two as hybrid solutions are available. Both SSR and CSR can be implemented within a single website or webpage.
For example, in an online marketplace, pages with product descriptions can be rendered on the server, as they are static and need to be easily indexed by search engines.
Pages like user accounts don’t need to be ranked in the SERPs, so a CRS approach might be better for UX.
Both CSR and SSR are popular approaches to rendering websites. You and your team need to make this decision at the initial stage of product development.
Think about your project and how your chosen rendering will impact your position in the SERPs and your website’s user experience.
Generally, CSR is better for dynamic websites, while SSR is best suited for static websites.
More Resources:
Featured Image: Playzen Design/Shutterstock
SEO
Google Discusses Fixing 404 Errors From Inbound Links

Google’s John Mueller responded to a thread in Reddit about finding and fixing inbound broken links, offering a nuanced insight that some broken links are worth finding and fixing and others are not.
Reddit Question About Inbound Broken Links
Someone asked on Reddit if there’s a way to find broken links for free.
This is the question:
“Is it possible to locate broken links in a similar manner to identifying expired domain names?”
The person asking the question clarified if this was a question about an inbound broken link from an external site.
John Mueller Explains How To Find 404 Errors To Fix
John Mueller responded:
“If you want to see which links to your website are broken & “relevant”, you can look at the analytics of your 404 page and check the referrers there, filtering out your domain.
This brings up those which actually get traffic, which is probably a good proxy.
If you have access to your server logs, you could get it in a bit more detail + see which ones search engine bots crawl.
It’s a bit of technical work, but no external tools needed, and likely a better estimation of what’s useful to fix/redirect.”
In his response, John Mueller answers the question on how to find 404 responses caused by broken inbound links and identify what’s “useful to fix” or to “redirect.”
Mueller Advises On When Not To “Fix” 404 Pages
John Mueller next offered advice on when it doesn’t make sense to not fix a 404 page.
Mueller explained:
“Keep in mind that you don’t have to fix 404 pages, having things go away is normal & fine.
The SEO ‘value’ of bringing a 404 back is probably less than the work you put into it.”
Some 404s Should Be Fixed And Some Don’t Need Fixing
John Mueller said that there are situations where a 404 error generated from an inbound link is easy to fix and suggested ways to find those errors and fix them.
Mueller also said that there are some cases where it’s basically a waste of time.
What wasn’t mentioned was what the difference was between the two and this may have caused some confusion.
Inbound Broken Links To Existing Webpages
There are times when another sites links into your site but uses the wrong URL. Traffic from the broken link on the outside site will generate a 404 response code on your site.
These kinds of links are easy to find and useful to fix.
There are other situations when an outside site will link to the correct webpage but the webpage URL changed and the 301 redirect is missing.
Those kinds of inbound broken links are also easy to find and useful to fix. If in doubt, read our guide on when to redirect URLs.
In both of those cases the inbound broken links to the existing webpages will generate a 404 response and this will show up in server logs, Google Search Console and in plugins like the Redirection WordPress plugin.
If the site is on WordPress and it’s using the Redirection plugin, identifying the problem is easy because the Redirection plugin offers a report of all 404 responses with all the necessary information for diagnosing and fixing the problem.
In the case where the Redirection plugin isn’t used one can also hand code an .htaccess rule for handling the redirect.
Lastly, one can contact the other website that’s generating the broken link and ask them to fix it. There’s always a small chance that the other site might decide to remove the link altogether. So it might be easier and faster to just fix it on your side.
Whichever approach is taken to fix the external inbound broken link, finding and fixing these issues is relatively simple.
Inbound Broken Links To Removed Pages
There are other situations where an old webpage was removed for a legitimate reason, like an event passed or a service is no longer offered.
In that case it makes sense to just show a 404 response code because that’s one of the reasons why a 404 response should be shown. It’s not a bad thing to show a 404 response.
Some people might want to get some value from the inbound link and create a new webpage to stand in for the missing page.
But that might not be useful because the link is for something that is irrelevant and of no use because the reason for the page no longer exists.
Even if you create a new reason, it’s possible that some of that link equity might flow to the page but it’s useless because the topic of that inbound link is totally irrelevant to anyting but the expired reason.
Redirecting the missing page to the home page is a strategy that some people use to benefit from the link to a page that no longer exists. But Google treats those links as Soft 404s, which then passes no benefit.
These are the cases that John Mueller was probably referring to when he said:
“…you don’t have to fix 404 pages, having things go away is normal & fine.
The SEO ‘value’ of bringing a 404 back is probably less than the work you put into it.”
Mueller is right, there are some pages that should be gone and totally removed from a website and the proper server response for those pages should be a 404 error response.
SEO
Site Quality Is Simpler Than People Think

Google’s John Mueller, Martin Splitt and Gary Illyes discussed site quality in a recent podcast, explaining the different ways of thinking about site quality and at one point saying it’s not rocket science. The discussion suggests that site quality could be simpler than most people know.
Site Quality Is Not Rocket Science
The first point they touched on is to recommend reading site quality documentation, insisting that site quality is not especially difficult to understand.
Gary Illyes said:
“So I would go to a search engine’s documentation.
Most of them have some documentation about how they function and just try to figure out where your content might be failing or where your page might be failing because honestly, okay, this is patronizing, but it’s not rocket science.”
No Tools For Site Quality – What To Do?
Gary acknowledged that there’s no tool for diagnosing site quality, not in the same way there are tools for objectively detecting technical issues.
The traffic metrics that show a downward movement don’t explain why, they just show that something changed.
Gary Illyes:
“I found the up-down metric completely useless because you still have to figure out what’s wrong with it or why people didn’t like it.
And then you’re like, “This is a perfectly good page. I wrote it, I know that it’s perfect.”
And then people, or I don’t know, like 99.7% of people are downvoting it. And you’re like, ‘Why?’”
Martin Splitt
“And I think that’s another thing.
How do I spot, I wrote the page, so clearly it is perfect and helpful and useful and amazing, but then people disagree, as you say.
How do you think about that? What do you do then?
How can I make my content more helpful, better, more useful? I don’t know.
…There’s all these tools that I can just look at and I see that something’s good or something’s bad.
But for quality, how do I go about that?”
Gary Illyes
“What if quality is actually simpler than at least most people think?
…What if it’s about writing the thing that will help people achieve whatever they need to achieve when they come to the page? And that’s it.”
Martin Splitt asked if Gary was talking about reviewing the page from the perspective of the user.
Illyes answered:
“No, we are reframing.”
Reframing generally means to think about the problem differently.
Gary’s example is to reframe the problem as whether the page delivers what it says it’s going to deliver (like helping users achieve X,Y,Z).
Something I see a lot with content is that the topic being targeted (for example, queries about how to catch a trout) isn’t matched by the content (which might actually be about tools for catching trout) which is not what the site visitor wants to achieve.
Quality In Terms Of Adding Value
There are different kinds of things that relate to site and page quality and in the next part of the podcast John Mueller and Gary Illyes discuss the issue about adding something of value.
Adding something of value came up in the context of where the SERPs offer good answers from websites that people not only enjoy but they expect to see those sites as answers for those queries.
You can tell when users expect specific sites for individual search queries when Google Suggests shows the brand name and the keyword.
That’s a clue that probably a lot of people are turning keywords into branded searches, which signals to Google what people want to see.
So, the problem of quality in those situations isn’t about being relevant for a query with the perfect answer.
For these situations, like for competitive queries, it’s not enough to be relevant or have the perfect answer.
John Mueller explains:
“The one thing I sometimes run into when talking with people is that they’ll be like, “Well, I feel I need to make this page.”
And I made this page for users in air quotes…
But then when I look at the search results, it’s like 9,000 other people also made this page.
It’s like, is this really adding value to the Internet?
And that’s sometimes kind of a weird discussion to have.
It’s like, ‘Well, it’s a good page, but who needs it?’
There are so many other versions of this page already, and people are happy with those.”
This is the type of situation where competitive analysis to “reverse engineer” the SERPs works against the SEO.
It’s stale because using what’s in the SERPs as a template for what to do rank is feeding Google what it already has.
It’s like, as an example, let’s represent the site ranked in Google with a baseline of the number zero.
Let’s imagine everything in the SERPs has a baseline of zero. Less than zero is poor quality. Higher than zero is higher quality.
Zero is not better than zero, it’s just zero.
The SEOs who think they’re reverse engineering Google by copying entities, copying topics, they’re really just achieving an imperfect score of zero.
So, according to Mueller, Google responds with, “it’s a good page, but who needs it?”
What Google is looking for in this situation is not the baseline of what’s already in the SERPs, zero.
According to Mueller, they’re looking for something that’s not the same as the baseline.
So in my analogy, Google is looking for something above the baseline of what is already in the SERPs, a number greater than zero, which is a one.
You can’t add value by feeding Google back what’s already there. And you can’t add value by doing the same thing ten times bigger. It’s still the same thing.
Breaking Into The SERPs By The Side Door
Gary Illyes next discusses a way to break into a tough SERP, saying the way to do it is indirectly.
This is an old strategy but a good one that still works today.
So, rather than bringing a knife to a gunfight, Gary Illyes suggests choosing more realistic battles to compete in.
Gary continued the conversation about competing in tough SERPs.
He said:
“…this also is kind of related to the age-old topic that if you are a new site, then how can you break into your niche?
I think on today’s Internet, like back when I was doing ‘SEO’, it was already hard.
For certain topics or niches, it was absolutely a nightmare, like ….mesothelioma….
That was just impossible to break into. Legal topics, it was impossible to break into.
And I think by now, we have so much content on the Internet that there’s a very large number of topics where it is like 15 years ago or 20 years ago, that mesothelioma topic, where it was impossible to break into.
…I remember Matt Cutts, former head of Web Spam, …he was doing these videos.
And in one of the videos, he said try to offer something unique or your own perspective to the thing that you are writing about.
Then the number of perspective or available perspectives, free perspectives, is probably already gone.
But if you find a niche where people are not talking too much about, then suddenly, it’s much easier to break into.
So basically, this is me saying that you can break into most niches if you know what you are doing and if you are actually trying to help people.”
What Illyes is suggesting as a direction is to “know what you are doing and if you are actually trying to help people.”
That’s one of my secrets to staying one step ahead in SEO.
For example, before the reviews update, before Google added Experience to E-A-T, I was telling clients privately to do that for their review pages and I told them to keep it a secret, because I knew I had it dialed in.
I’m not psychic, I was just looking at what Google wants to rank and I figured it out several years before the reviews update that you need to have original photos, you need to have hands-on experience with the reviewed product, etc.
Gary’s right when he advises to look at the problem from the perspective of “trying to help people.”
He next followed up with this idea about choosing which battles to fight.
He said:
“…and I think the other big motivator is, as always, money. People are trying to break into niches that make the most money. I mean, duh, I would do the same thing probably.
But if you write about these topics that most people don’t write about, let’s say just three people wrote about it on the Internet, then maybe you can capture some traffic.
And then if you have many of those, then maybe you can even outdo those high-traffic niches.”
Barriers To Entry
What Gary is talking about is how to get around the barrier to entry, which are the established sites. His suggestion is to stay away from offering what everyone else is offering (which is a quality thing).
Creating content that the bigger sites can’t or don’t know to create is an approach I’ve used with a new site.
Weaknesses can be things that the big site does poorly, like their inability to resonate with a younger or older audience and so on.
Those are examples of offering something different that makes the site stand out from a quality perspective.
Gary is talking about picking the battles that can be won, planting a flag, then moving on to the next hill.
That’s a far better strategies than walking up toe to toe with the bigger opponent.
Analyzing For Quality Issues
It’s a lot easier to analyze a site for technical issues than it is for quality issues.
But a few of the takeaways are:
- Be aware that the people closest to the content are not always the best judges of content is quality.
- Read Google’s search documentation (for on-page factors, content, and quality guidelines).
- Content quality is simpler than it seems. Just think about knowing the topic well and being helpful to people.
- Being original is about looking at the SERPs for things that you can do differently, not about copying what the competitors are doing.
In my experience, it’s super important to keep an open mind, to not get locked into one way of thinking, especially when it comes to site quality. This will help one keep from getting locked into a point of view that can keep one from seeing the true cause of ranking issues.
Featured Image by Shutterstock/Stone36
SEO
Is Alt Text A Ranking Factor For Google Image Search?

Alt text is used to help computers read images.
But can alt tags affect your organic search rankings?
Read on to learn whether there is any connection between alt text and improved rankings in Google Image Search results.
The Claim: Alt Text Is A Ranking Factor
What is alt text?
Alt text is an HTML image attribute. It allows you to create an alternative text version of your image if it cannot load or has an accessibility issue.
Because of its importance to Google Image Search, it is considered a ranking factor.
[Ranking Factors 2023] Download the free ebook + cheat sheet →
Alt Text As A Ranking Factor: The Evidence
Google emphasizes how alt text plays a vital role in getting your images recognized by Google Image Search.
You will find a page on image best practices in Google Search Central’s Advanced SEO documentation. In a section called “about alt text,” Google discusses the use of alt text.
“Google uses alt text along with computer vision algorithms and the contents of the page to understand the subject matter of the image. Also, alt text in images is useful as anchor text if you decide to use an image as a link.”
While the company doesn’t specify that alt text will improve your rankings, it warns website owners that improper use can harm your website.
“When writing alt text, focus on creating useful, information-rich content that uses keywords appropriately and is in context of the content of the page.
Avoid filling alt attributes with keywords (also known as keyword stuffing) as it results in a negative user experience and may cause your site to be seen as spam.”
It also offers the following examples of good and bad alt text usage.

Google Sites Help documentation indicates that images may come with pre-populated alt text, including keywords for which you may not want to optimize.
“Some images automatically include alt text, so it’s a good idea to check that the alt text is what you want.”
For example, when I download stock photos, a text description of the image is embedded in the file.


When uploaded to a content management system (CMS) like WordPress, the text descriptions may need to be moved to the alt text field or modified to remove unnecessary keywords.


In Google Search Central’s “Search Engine Optimization Starter Guide,” it offers the following advice about alt tags when using images as links:
“…if you’re using an image as a link, the alt text for that image will be treated similarly to the anchor text of a text link. However, we don’t recommend using too many images for links in your site’s navigation when text links could serve the same purpose.”
In 2020, John Mueller, Google Search Advocate, answered a question about the alt text of a quote image during a Google Webmaster Office Hours. In the answer, he talked about how Google uses it:
“For Search, what happens with the alt attribute is we use that to better understand the images themselves, in particular, for Image Search. So if you didn’t care about Image Search, then from a Search point of view, you don’t really need to worry about alt text.
But if you do want these images to be shown in Image Search, which sometimes it makes sense to show fancy quotes in Image Search as well, then using the alt attribute is a good way to tell us this is on that image and we’ll get extra information from around your page with regard to how we can rank that landing page.”
Moz mentions ranking factors about alt text. Instead of saying that the alt text itself is a ranking factor, Moz advises:
“…alt text offers you another opportunity to include your target keyword. With on-page keyword usage still pulling weight as a search engine ranking factor, it’s in your best interest to create alt text that both describes the image and, if possible, includes a keyword or keyword phrase you’re targeting.”
In 2021, during a Twitter discussion about ALT text having a benefit on SEO, Google Developer Martin Splitt said:
“Yep, alt text is important for SEO too!”
Later in 2021, Mueller noted that alt text is not magic during a conversation about optimization for indexing purposes.
“My understanding was that alt attributes are required for HTML5 validation, so if you can’t use them with your platform, that sounds like a bug. That said, alt text isn’t a magic SEO bullet.”
[Recommended Read] → Ranking Factors: Systems, Signals, and Page Experience
Alt Text As A Ranking Factor: Our Verdict
Alt text is a confirmed ranking factor for image search only. You should craft descriptive, non-spammy alt text to help your images appear in Google Image Search results.
Alt text is definitely not a ranking factor in Google Search. Google has clarified that alt text acts like normal page text in overall search. So it’s not useless, but it’s not a separately considered ranking factor in your page content.
That doesn’t mean you should ignore alt text. It’s a helpful accessibility tool for screen readers. When you’re writing alt text, ask yourself what you want someone who can’t see the image to understand about it.
Featured Image: Paulo Bobita/SearchEngineJournal
-
FACEBOOK4 days ago
Indian Government Warns Facebook, YouTube About Deepfakes, Misinformation Violations
-
MARKETING3 days ago
Whiteboard Friday Recap 2023: AI Edition
-
MARKETING6 days ago
“Undercover” Case Studies: Why the Future of Marketing Is Proving Yourself in the Field
-
SEARCHENGINES6 days ago
Follower Count Is Not A Google Search Ranking Factor
-
MARKETING7 days ago
Sam’s Club Member Access Platform (MAP) Advertiser’s Guide
-
SOCIAL6 days ago
17-Year-Old Claims To Make 6 Figures A Year
-
SOCIAL5 days ago
Meta Stock: Still Room For Upside In A Maturing Market (NASDAQ:META)
-
SOCIAL7 days ago
U.S. Senators Accuse X of Profiting From Terrorist Propaganda in the App