SEO
Top 42 Tips To Master A Combined Art
True digital success – for search engine rankings, user experience, and the brand overall, whether personal or business – occurs when the art of SEO and the art of writing are combined.
The best SEO writing comes from the perfect blend of:
- Topical knowledge/expertise.
- Deep knowledge of writing well
- SEO best practices.
SEO is a must for any online writing, especially from a keyword perspective, and correctly mapping those keywords to pages/posts.
Readers can recognize an authoritative voice immediately, and a fake voice even quicker.
Whether you want conversions, brand awareness, or something else, your writing needs to have authority (and authenticity).
With that said, here are the top 42 writing tips for any content writer within any type of company, from billion-dollar software designers to local pest control companies.
The focus weighs more towards the art of writing itself, which will naturally lead to the creation of quality content that search engines demand.
Advertisement
Continue Reading Below
Writing for SEO: The Essentials
1. Think Keywords First
Your writing must be found before you’ll have any impact on your target audience. This is why keyword research should always come before any research or actual writing.
This keyword research will massively influence your research, also, because you’ll discover other ways your target audience is searching for your topic.
No matter how intelligent they become, search engine algorithms can’t recognize the best voice in a piece of writing. But if keywords are there, you have the opportunity to be heard.
New to keywords? Check out this beginner’s guide to keyword research.
2. Approach Keyword Research Like An Art
There are thousands of keyword research articles available. Research, discover, and test what works best for you.
Such as…
Make this process cyclical. I build content calendars out in three-month segments, performing fresh keyword research at the beginning of every cycle.
Industries change, and new keywords trend quicker than you’d guess.
Advertisement
Continue Reading Below
3. Study The Competition For Keywords
There are many tools available to help you find competitor keywords.
Warning: Only take keywords – don’t study the actual writing of your competitors. Once you do that, you sound like them and struggle to create anything original. Create an original voice and you’ll be heard.
4. Target 1 Or 2 Keywords For Each Page Or Blog (Except Homepage)
Always focus on broader terms for your main “parent” pages and longer terms for the “child” pages below.
Targeting searcher intent first, volume second will help you get into the mindset of what your target customer wants.
5. Use Keywords Where They Matter Most
Use your keyword in the following (prioritized of importance) to send search engines strong signals of the content’s intent:
- Title tag.
- Internal links within content.
- Alt attribute of image.
- Headline tags (always have an H1!).
- Meta description.
6. Use Bold & Bullet Points Wherever Possible
Google pays attention to these, including when awarding featured snippets.
Make sure to use target keywords in bold and bullet points when possible.
7. The Title Tag: Still The Most Powerful Element
Make sure your target keyword is part of the title tag, ideally toward the front.
Also, remember that title tags should be about 60 characters, so put as much time into this as your actual content creation.
For the homepage title tag, target three of the most important keywords that describe the business/website.
Always think about storytelling. Keep it simple. Speak the language of your target audience. And write to influence that click-through.
8. Add Related Keywords
Don’t simply stuff keywords in after doing the writing.
If you’re well prepared with keyword research, have the list of topically related keywords at hand as you write.
If you are staying on topic, you will insert related keywords naturally.
9. Use Your Target Keyword In Your Meta Description
Google says it doesn’t use the meta description as a ranking factor.
Advertisement
Continue Reading Below
However, if someone is searching for that target keyword or phrase, those words will be bold.
Bolding attracts the eyes – and might entice a searcher to click rather than scroll by.
Also, write your meta description like ad copy. The goal is to excite the audience to further influence a click-through (your title tag should be the first influencer, immediately backed by your meta description).
Writing For SEO: Craft & Routine
10. Write. Rewrite. Then Rewrite Again. Until It’s Right.
It’s all about routine and process.
As William Zinsser says in, “Writing to Learn:”
“Only by repeated applications of the process – writing and rewriting and pruning and shaping – can we hammer out clear and simple product.”
11. Outline And Plan
It’s much easier for a mind to think (and a search engine to read) in chunks, and actually see those chunks coherently.
Most minds naturally want to write in a stream of consciousness style like Jack Kerouac – but this isn’t novel writing. Most of us are writing for a business, to further that business’s success.
Advertisement
Continue Reading Below
Organize headlines (for SEO with keywords!) and fill in the gaps.
Sometimes those headlines are more important than the words beneath. Make those headlines scream thoughts, and the words shout to support those screams.
12. Write Sentence By Sentence
Set up Word or Google Docs in landscape mode for the first draft, and write sentence by sentence.
Don’t write any paragraphs until you do your first rounds of edits.
I learned this tip from Charles Euchner, author of “The Elements of Writing.”
Single-line sentences keep the mind fresh. They’ll help corral thoughts as you begin editing.
Think short for every sentence – like a 140-character tweet – and embrace short and concise writing.
13. Write Daily
A muscle grows when it has input combined with correlating relaxing points.
Your mind works that same way; embrace it.
Again, write daily to work out the writing muscles, followed by some relaxing.
Never stop the growth of writing muscles.
14. Shut Your Wi-fi Off
This tip comes from Tim Ferriss, author of “The 4-Hour Workweek.”
Advertisement
Continue Reading Below
This simple practice keeps focus in place and prevents the mind from answering anything outside of your focus.
Distractions move a mood. Make those distractions non-existent.
15. Got Questions? Ask Your Digital Assistant
The Wi-fi may be off, but sometimes you need immediate answers to questions that will nag you. Some can’t work without answering questions.
The solution is simple: ask Alexa, Siri, or your Google Assistant.
I keep an Amazon Echo Dot next to my desk and use it for quick research.
I have an Echo Show, but it doesn’t belong in the office where it can quickly jack your focus due to the video factor. That one remains downstairs, out of the office.
16. Read All You Can
Especially read the writers who simplify everything.
People may not love Hunter S. Thompson due to his politics or mad lifestyle, but his prose is crisp and simple. I read “Fear and Loathing in Las Vegas” in one sitting.
(And not once, but maybe 10 times when I needed a push into something I couldn’t possibly finish and needed a mind breath.)
Advertisement
Continue Reading Below
If you’re business-minded, Michael Gerber’s “The E-Myth” is a one-sitting read, too. It’s simple and informative.
17. Stop Waiting For Inspiration
It’s useless.
There’s no such thing as inspiration unless you like to talk about writing instead of actually doing it.
True writers write every day and make it a lifestyle that helps develop the “art.” Practice makes stuff happen and takes discipline.
Words simply flow better and easier after practice and discipline. Nothing happens without the simplicity of practice.
18. Read The Essentials
For traditional writing, read William Zinsser’s “On Writing Well.” Don’t just read it once. Reread it once a year.
For the digital age of “short” writing that makes an impact, read Roy Peter Clark’s “How to Write Short.”
Don’t stop there. Read “The Essential Don Murray: Lessons from America’s Greatest Writing Teacher” and “Ernest Hemingway On Writing.”
19. Try Writing In Longhand
This article is based on notes I took while flying over the Atlantic Ocean en route to Valencia, Spain.
Advertisement
Continue Reading Below
Flying is a great time for thinking and using longhand. Plus, it keeps your mind off the snoring passenger next to you.
Write in longhand in cabs, buses, middle of meetings, etc. Try it, and revisit those notes before you get to work typing.
20. Write About What You Love
To truly master the craft of the written word, embrace writing that makes you happy – regardless if it’ll make you money. The more you write, the better you’ll become.
Short writing provides inspiration (regardless of how absurd it feels or reads sometimes!).
21. Ask Questions Daily
Friends, family, wife, children, whoever. Continually ask questions.
The more you learn, the more you can provide readers (possible prospects in business), regardless of your industry.
Questions are the highlights of learning. Let people talk.
Think 80/20 – let others talk 80% of the time as you listen, and you can talk the other 20% of the time.
Your readers will thank you one day.
22. Know Your Audience & Write For Them
Remember to keep your voice and style the same.
Advertisement
Continue Reading Below
That’s how to set yourself apart from the zillions of other content writers out there.
23. Work Better Under Deadline?
For some people, the pressure of a deadline forces the creativity out of you.
If this is true for you, have project managers bump up your due dates.
I do this with my teams, sometimes by as far ahead as four weeks.
24. Build Your Work Around Questions
Always ask, “What’s the problem and how do I clearly provide a solution?”
It’s just as important to ask, “Will readers care?”
This helps keep your voice trustworthy and authoritative, keeping search engines and readers happy.
25. Split Long Projects Into Short Tasks
Write all headlines first (remember to use target keywords in them), and fill in each portion.
This works just as well whether you’re writing a 2,500-word piece on the craft of writing, or a 750-piece for a client discussing the technical aspects of a product.
26. Always Have An Ending in Mind
Knowing where your content is leading will keep your writing focus sharp, and will help you more often achieve the ultimate goal of most online writing – a conversion.
Advertisement
Continue Reading Below
27. Check Your Spelling & Grammar
Misspell a name and the article immediately loses credibility.
Craft your content with sloppy grammar, and the reader doubts your authority.
After you’ve checked for spelling and grammar errors, check again.
28. Aim For Credibility
Without credibility, you’ll lose any chance of capturing an audience’s attention.
Situations get worse if you spread false facts.
Take added time for research and fact-checking.
29. Edit With The 10-Second Rule In Mind
This goes for every single paragraph, especially for the first paragraph and meta description.
You want to immediately grab the reader’s attention — and keep it.
Is the article worthy of additional conversation? If so, and you have proper CTAs, this can help move readers one step closer to conversion.
Writing for SEO: Form
30. Write Strong Sentences & Paragraphs
The strongest words should begin and end a sentence.
The strongest sentences should appear at the end and beginning of a paragraph.
This helps keep the slower, more in-depth material in the middle, and the most important thoughts before the reader.
Advertisement
Continue Reading Below
31. Become Obsessed About Clarity Of Voice
Clean writing reflects a clear mindset – something people (clients!) need.
For example, Starbucks uses both functional and expressive language to clarify its voice in its marketing.
Or Mailchimp’s voice is plain spoken with a dab of dry humor.
32. Keep Writing Free Of Clutter
Keep it simple.
Get straight to what you’re saying.
Strip all useless words.
Get sentences into their simplest form.
Advertisement
Continue Reading Below
33. Beware Of Excess Adverbs & Adjectives
If the verb or noun can’t perform the explanation, that verb or noun isn’t strong enough. You can learn more about writing with adverbs and adjectives here.
34. Use A Variety Of Long And Short Sentences
A variety of sentence lengths helps your content to create some rhythm.
Readers enjoy this.
35. Short Paragraphs Allow The Mind to Breathe
Use short paragraphs often.
Space between paragraphs psychologically takes less energy to read, saving that prospect’s energy for the sale/lead.
36. Always Use Active Verbs
In this sentence, the active verb is “Use.”
Without active verbs, the mind shifts. It wanders.
You lose an audience… or a sale.
Be clear on what action the reader can take next.
37. Avoid Clichés
Like the plague.
You feel me?
Writing for SEO: Favorite Hacks
38. Listen to Your Favorite Music
Why not write to it? Some forms of music will bring drastically different emotions out on the page before you’d realize it, so the more the better.
Advertisement
Continue Reading Below
While writing this, I went from Coltrane to Infected Mushroom to Hendrix to SRV to Dimmu Borgir to Breaking Benjamin to Chopin.
For editing, Wes Montgomery was my go-to.
Music can help words flow, so embrace it all.
39. Commit To The Most Serious Writing In The Morning
I’m typically up by 5:30 a.m. That’s when my brain is freshest.
I always block a few hours every morning for my most serious writing.
40. Carry A Tablet To Jot Down Ideas
If you think clearer in longhand, carry a small tablet for jotting down ideas overusing your phone.
Moleskine tablets are my favorite because they are thin and fit into books, which I always have with me when traveling.
There’s only so much marginal space within a book for ideas; a tablet takes care of this and keeps you off the phone.
41. For Clients: Think 80/20 For The Initial Few Engagements
Focus on the 20% of your writing that will produce 80% results for the client’s sales. How?
Advertisement
Continue Reading Below
Simple: always begin a content strategy around the top ROI products. This shows value, and will help contribute to the overall qualified keywords you want them to want to rank for.
42. Remember To Get Away From It All
The writers that have the true minds to create and provide value to clients always need a break.
One of my weekly tactics for resting and reenergizing is “half-day Wednesday.” I tune out and either play guitar, hike or ride motorcycles… basically whatever is needed.
This mid-week break keeps the mind fresh and clear, which translates into positive workflow and, ultimately, happy clients.
Conclusion
Creating content that leads to conversion involves not only the art of SEO but also the craft of writing.
Embrace both if you’re serious about providing the most value to your readers or your client’s readers, which you naturally want to turn from prospects to customers.
Also, remember that the appeal and popularity of strong content will only compound online over time.
Advertisement
Continue Reading Below
Think of SEO writing to a business as compounding interest to an investor – have the patience and discipline to do it correctly, and the results should continually speak for themselves.
Featured image: Paulo Bobita/SearchEngineJournal
SEO
Boost Your Local SEO with the Google Local Guide Program
If you manage a Google my Business account, you may have seen a few reviews from users with a star symbol right by their name – and you may have even noticed the title “Local Guide.” This is a feature called the Google Local Guide Program, and it’s something your business can tap into.
What is the Google Local Guide Program?
The Google Local Guide program is an initiative by Google, designed to incentivize users into contributing information about local businesses, attractions, and places they’ve visited and engaged with.
Users who participate in this program are called Local Guides, and they’re users who actively share the knowledge and experiences they’ve had with local businesses. They also engage with other users by answering questions about various locations on Google Maps.
It’s made to improve the accuracy of business information other people can find through GMB and Google Maps, and also so that other users can see first-hand accounts of what a local business is like.
Local Guides earn points for their work – the more they contribute, the higher their level becomes within the program. High level contributors are rewarded with benefits and perks, like early access to new Google features, exclusive events, and special promotions.
How You Become a Local Guide?
Here’s the good news: anyone with a Google account can become a Local Guide. You just need to sign up. But keep in mind that this program is only open for individual users, and you cannot sign up using a business account.
Start by opening Google Maps either on desktop or on your mobile app. Then, tap on the three horizontal lines on the top-left corner to open the user menu.
Scroll down the menu until you see the option “Your contributions.” Click on that, then click on “Join Local Guides.” This starts the application process, which can be finished in minutes.
You can also sign up for the program through the official Local Guides link.
Google’s Local Guide System
There’s tons of ways to earn points in the Google Local Guide program, and a tier system which unlocks new benefits for users. All users have to do is keep contributing, and the amount of points they earn is already set per contribution type:
- Review: 10 points per review. If the review is more than 200 characters long, there is an extra 10 points.
- Rating: 1 point per business or location rating.
- Photo: 5 points per photo. Multiple photos uploaded per business or location will lead to multiplied points.
- Photo tags: 3 points per tag.
- Video: 7 points per video. Multiple videos uploaded per business or location will lead to multiplied points.
- Captions added to photo updates: 10 points per caption
- Answer: 1 point per answer.
- Respond to Q&As: 3 points per response.
- Edit: 5 points per edit to a business or location listing.
- Place added: 15 points per place added.
- Road added: 15 points per road added.
- Fact checked: 1 point per checked fact.
Each contribution does go through a review and verification process, so earning points doesn’t happen immediately.
As users earn points, they also level up. Levels in the Google Local Guide program go from 1 to 10, with higher levels having more benefits. At level 4, users earn a “Local Guides” badge, which is the star icon you may have seen by some user’s names before.
How the Local Guide Program Affects Your Local SEO
Google Local Guides push users to keep contributing to listings on Google My Business, and locations on Google Maps. This makes both platforms, which are very useful ways to discover local businesses, work better.
If you want your Google My Business profile to outrank your competitors, then you need to tap into the Local Guide Program, and make sure your profile is comprehensive, helpful, and engaging to users.
Because Local Guide reviews tend to show up at the top of your business reviews, they will be the most viewed parts of your profile. Plus, reviews from these users tend to be longer, more detailed, and with photos and/or videos attached to them, since this earns them more points. Getting impressive reviews from these users is a great way to boost your brand’s reputation online.
Plus, whether they leave a review, photo update, an answer in your Q&A section, contributions from a Local Guide will positively impact your business locations’ local SEO performance. The more contributions you get from them, the more detailed your business profile will be, and the more likely it is that you rank higher in local search results.
Author’s Note: If you haven’t created your business’ profile yet, follow my guide to setting up a Google My Business Account. I also have another guide to local link building strategies you can follow to level-up your local search visibility.
How to Use the Local Guide Program to Improve Your Local SEO
The amount of reviews you get from local Guides can work in your favor, and boost your online reputation – a must for brand recognition and improving your rankings. Here are some of the ways I have encouraged more and more reviews from Local Guides:
Keep Your Google My Business Profile Updated
Be sure that Google My Business has all the information a user needs to know about your business. Aside from the basics, such as your address and operating hours, consider if they need to know what kind of facilities you have at your location, additional services you provide, links to your menu and social media profiles, and so on.
Make it a point to review and update your profile every so often as your business grows. The more descriptive your Google My Business profile is, the more likely you are to be discovered and reviewed by other users (Local Guides included).
Respond to Your Reviews–Even the Bad Ones
Customers, in general, want to feel that businesses care about their experience–which makes responding to their reviews a must. BrightLocal’s survey on customer reviews shows findings which should really drive this point home:
- “89% of consumers would be ‘likely’ or ‘highly likely’ to use businesses that respond to all reviews”
- “59% of users said they are fairly likely to use a business that responds to all reviews”
- “52% said they would use a business if a merchant responded to only negative reviews”
- “22% say they’re ‘not likely at all’ to use businesses that don’t respond to any reviews”
So yes, you should reply to all the reviews on your profile, even the bad ones. It will show future customers who look you up online that you do care about their experience.
Don’t Buy Reviews
It might be tempting to reach out to Local Guides and incentivize them to leave a review or contribution to your Google My Business profile, but it’s something I strongly do not recommend. The best engagement happens organically – plus, buying reviews violates Google’s review policy.
Instead, encourage engagement with your profile by adding its link to your other platforms and focus on building up an authentic relationship with your customers.
Use Feedback for Insights
Local Guides are more likely to come back and continue engaging with your business if you’re using their feedback to improve your business. Don’t ignore reviews from other customers either – each contribution will give you valuable insights on your customer experience.
So reply and thank them for their feedback, and take note of any actionable points that they provide in their comments.
Key Takeaway
Understanding the Local Guide Program and how it affects your business is crucial if you’re working on improving your presence online. Remember, brand reputation and SEO go hand-in-hand. When a trusted source like them engages with your Google my Business, it doesn’t just boost your online credibility within your industry, it’ll also benefit your ranking on the search results.
Having a solid plan for responding to and generating reviews not only helps retain existing customers but also attracts new ones. Use this guide to build up social proof, increase customer engagement and experience, catch the attention of Local Guides, and ultimately climb up local search results.
SEO
Google Revamps Entire Crawler Documentation
Google has launched a major revamp of its Crawler documentation, shrinking the main overview page and splitting content into three new, more focused pages. Although the changelog downplays the changes there is an entirely new section and basically a rewrite of the entire crawler overview page. The additional pages allows Google to increase the information density of all the crawler pages and improves topical coverage.
What Changed?
Google’s documentation changelog notes two changes but there is actually a lot more.
Here are some of the changes:
- Added an updated user agent string for the GoogleProducer crawler
- Added content encoding information
- Added a new section about technical properties
The technical properties section contains entirely new information that didn’t previously exist. There are no changes to the crawler behavior, but by creating three topically specific pages Google is able to add more information to the crawler overview page while simultaneously making it smaller.
This is the new information about content encoding (compression):
“Google’s crawlers and fetchers support the following content encodings (compressions): gzip, deflate, and Brotli (br). The content encodings supported by each Google user agent is advertised in the Accept-Encoding header of each request they make. For example, Accept-Encoding: gzip, deflate, br.”
There is additional information about crawling over HTTP/1.1 and HTTP/2, plus a statement about their goal being to crawl as many pages as possible without impacting the website server.
What Is The Goal Of The Revamp?
The change to the documentation was due to the fact that the overview page had become large. Additional crawler information would make the overview page even larger. A decision was made to break the page into three subtopics so that the specific crawler content could continue to grow and making room for more general information on the overviews page. Spinning off subtopics into their own pages is a brilliant solution to the problem of how best to serve users.
This is how the documentation changelog explains the change:
“The documentation grew very long which limited our ability to extend the content about our crawlers and user-triggered fetchers.
…Reorganized the documentation for Google’s crawlers and user-triggered fetchers. We also added explicit notes about what product each crawler affects, and added a robots.txt snippet for each crawler to demonstrate how to use the user agent tokens. There were no meaningful changes to the content otherwise.”
The changelog downplays the changes by describing them as a reorganization because the crawler overview is substantially rewritten, in addition to the creation of three brand new pages.
While the content remains substantially the same, the division of it into sub-topics makes it easier for Google to add more content to the new pages without continuing to grow the original page. The original page, called Overview of Google crawlers and fetchers (user agents), is now truly an overview with more granular content moved to standalone pages.
Google published three new pages:
- Common crawlers
- Special-case crawlers
- User-triggered fetchers
1. Common Crawlers
As it says on the title, these are common crawlers, some of which are associated with GoogleBot, including the Google-InspectionTool, which uses the GoogleBot user agent. All of the bots listed on this page obey the robots.txt rules.
These are the documented Google crawlers:
- Googlebot
- Googlebot Image
- Googlebot Video
- Googlebot News
- Google StoreBot
- Google-InspectionTool
- GoogleOther
- GoogleOther-Image
- GoogleOther-Video
- Google-CloudVertexBot
- Google-Extended
3. Special-Case Crawlers
These are crawlers that are associated with specific products and are crawled by agreement with users of those products and operate from IP addresses that are distinct from the GoogleBot crawler IP addresses.
List of Special-Case Crawlers:
- AdSense
User Agent for Robots.txt: Mediapartners-Google - AdsBot
User Agent for Robots.txt: AdsBot-Google - AdsBot Mobile Web
User Agent for Robots.txt: AdsBot-Google-Mobile - APIs-Google
User Agent for Robots.txt: APIs-Google - Google-Safety
User Agent for Robots.txt: Google-Safety
3. User-Triggered Fetchers
The User-triggered Fetchers page covers bots that are activated by user request, explained like this:
“User-triggered fetchers are initiated by users to perform a fetching function within a Google product. For example, Google Site Verifier acts on a user’s request, or a site hosted on Google Cloud (GCP) has a feature that allows the site’s users to retrieve an external RSS feed. Because the fetch was requested by a user, these fetchers generally ignore robots.txt rules. The general technical properties of Google’s crawlers also apply to the user-triggered fetchers.”
The documentation covers the following bots:
- Feedfetcher
- Google Publisher Center
- Google Read Aloud
- Google Site Verifier
Takeaway:
Google’s crawler overview page became overly comprehensive and possibly less useful because people don’t always need a comprehensive page, they’re just interested in specific information. The overview page is less specific but also easier to understand. It now serves as an entry point where users can drill down to more specific subtopics related to the three kinds of crawlers.
This change offers insights into how to freshen up a page that might be underperforming because it has become too comprehensive. Breaking out a comprehensive page into standalone pages allows the subtopics to address specific users needs and possibly make them more useful should they rank in the search results.
I would not say that the change reflects anything in Google’s algorithm, it only reflects how Google updated their documentation to make it more useful and set it up for adding even more information.
Read Google’s New Documentation
Overview of Google crawlers and fetchers (user agents)
List of Google’s common crawlers
List of Google’s special-case crawlers
List of Google user-triggered fetchers
See also:
Featured Image by Shutterstock/Cast Of Thousands
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.
Google & JavaScript
Google has extensive documentation on how it handles JavaScript, and Googlers offer insights and answer JavaScript questions regularly through various formats – both official and unofficial.
For example, in a Search Off The Record podcast, it was discussed that Google renders all pages for Search, including JavaScript-heavy ones.
This sparked a substantial conversation on LinkedIn, and another couple of takeaways from both the podcast and proceeding discussions are that:
- Google doesn’t track how expensive it is to render specific pages.
- Google renders all pages to see content – regardless if it uses JavaScript or not.
The conversation as a whole has helped to dispel many myths and misconceptions about how Google might have approached JavaScript and allocated resources.
Martin Splitt’s full comment on LinkedIn covering this was:
“We don’t keep track of “how expensive was this page for us?” or something. We know that a substantial part of the web uses JavaScript to add, remove, change content on web pages. We just have to render, to see it all. It doesn’t really matter if a page does or does not use JavaScript, because we can only be reasonably sure to see all content once it’s rendered.”
Martin also confirmed a queue and potential delay between crawling and indexing, but not just because something is JavaScript or not, and it’s not an “opaque” issue that the presence of JavaScript is the root cause of URLs not being indexed.
General JavaScript Best Practices
Before we get into the client-side versus server-side debate, it’s important that we also follow general best practices for either of these approaches to work:
- Don’t block JavaScript resources through Robots.txt or server rules.
- Avoid render blocking.
- Avoid injecting JavaScript in the DOM.
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 drawback of CSR is 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?
When determining which approach is best, you need to not only take into consideration your SEO needs but also how the website works for users and delivers value.
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.
Content Refresh Frequency
Websites that feature highly dynamic information, such as gambling or FOREX websites, update their content every second, meaning you’d likely choose CSR over SSR in this scenario – or choose to use CSR for specific landing pages and not all pages, depending on your user acquisition strategy.
SSR is more effective if your site’s content doesn’t require much user interaction. 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).
Another CSR consideration is that meta tags (description, title), canonical URLs, and Hreflang tags should be rendered server-side or presented in the initial HTML response for the crawlers to identify them as soon as possible, and not only appear in the rendered HTML.
Platform Considerations
CSR technology tends to be more expensive to maintain because the hourly rate for developers skilled in React.js or Node.js is generally higher than that for PHP or WordPress developers.
Additionally, there are fewer ready-made plugins or out-of-the-box solutions available for CSR frameworks compared to the larger plugin ecosystem that WordPress users have access too.
For those considering a headless WordPress setup, such as using Frontity, it’s important to note that you’ll need to hire both React.js developers and PHP developers.
This is because headless WordPress relies on React.js for the front end while still requiring PHP for the back end.
It’s important to remember that not all WordPress plugins are compatible with headless setups, which could limit functionality or require additional custom development.
Website Functionality & Purpose
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.
Staying with ecommerce, if you have high levels of personalization for users on a number of pages, you won’t be able to SSR render the content for bots, so you will need to define some form of default content for Googlebot which crawls cookieless and stateless.
Pages like user accounts don’t need to be ranked in the search engine results pages (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.
More resources:
Featured Image: TippaPatt/Shutterstock
-
WORDPRESS7 days ago
How to Connect Your WordPress Site to the Fediverse – WordPress.com News
-
SEARCHENGINES7 days ago
Daily Search Forum Recap: September 13, 2024
-
SEO7 days ago
SEO Experts Gather for a Candid Chat About Search [Podcast]
-
SEO6 days ago
The Expert SEO Guide To URL Parameter Handling
-
SEO4 days ago
9 HTML Tags (& 11 Attributes) You Must Know for SEO
-
SEARCHENGINES6 days ago
Google Ranking Volatility, Apple Intelligence, Navboost, Ads, Bing & Local
-
WORDPRESS6 days ago
7 Best WordPress Event Ticketing Plugins for 2024 (Tested)
-
WORDPRESS5 days ago
20 Must-Know WordPress Stats Defining the Leading Platform in 2024
You must be logged in to post a comment Login