Connect with us

SEO

Best Practices to Make It SEO-Friendly

Published

on

Best Practices to Make It SEO-Friendly

The increasing prevalence of React in modern web development cannot be ignored.

React and other similar libraries (like Vue.js) are becoming the de facto choice for larger businesses that require complex development where a more simplistic approach (like using a WordPress theme) won’t satisfy the requirements.

Despite that, SEOs did not initially embrace libraries like React due to search engines struggling to effectively render JavaScript, with content available within the HTML source being the preference.

However, developments in both how Google and React can render JavaScript have simplified these complexities, resulting in SEO no longer being the blocker for using React.

Still, some complexities remain, which I’ll run through in this guide.

On that note, here’s what we’ll cover:

Advertisement

But first, what is React?

React is an open-source JavaScript library developed by Meta (formerly Facebook) for building web and mobile applications. The main features of React are that it is declarative, is component-based, and allows easier manipulation of the DOM.

The simplest way to understand the components is by thinking of them as plugins, like for WordPress. They allow developers to quickly build a design and add functionality to a page using component libraries like MUI or Tailwind UI.

If you want the full lowdown on why developers love React, start here:

Advertisement

Rendering with React, a short history

React implements an App Shell Model, meaning the vast majority of content, if not all, will be Client-side Rendered (CSR) by default.

CSR means the HTML primarily contains the React JS library rather than the server sending the entire page’s contents within the initial HTTP response from the server (the HTML source).

It will also include miscellaneous JavaScript containing JSON data or links to JS files that contain React components. You can quickly tell a site is client-side rendered by checking the HTML source. To do that, right-click and select “View Page Source” (or CTRL + U/CMD + U).

Netflix's homepage source HTML

A screenshot of the netlfix.com homepage source HTML.

If you don’t see many lines of HTML there, the application is likely client-side rendering.

Advertisement

However, when you inspect the element by right-clicking and selecting “Inspect element” (or F12/CMD + ⌥ + I), you’ll see the DOM generated by the browser (where the browser has rendered JavaScript).

The result is you’ll then see the site has a lot of HTML:

Lots of HTML

Note the appMountPoint ID on the first <div>. You’ll commonly see an element like that on a single-page application (SPA), so a library like React knows where it should inject HTML. Technology detection tools, e.g., Wappalyzer, are also great at detecting the library.

Editor’s Note

Ahrefs’ Site Audit saves both the Raw HTML sent from the server and the Rendered HTML in the browser, making it easier to spot whether a site has client-side rendered content.

Gif showing Site Audit saves both Raw HTML and Rendered HTML

Even better, you can search both the Raw and Rendered HTML to know what content is specifically being rendered client-side. In the below example, you can see this site is client-side rendering key page content, such as the <h1> tag.

Advertisement

Gif showing site is client-side rendering key page content

Joshua Hardwick

Websites created using React differ from the more traditional approach of leaving the heavy-lifting of rendering content on the server using languages like PHP—called Server-side Rendering (SSR).

Flowchart showing the SSR process

The above shows the server rendering JavaScript into HTML with React (more on that shortly). The concept is the same for sites built with PHP (like WordPress). It’s just PHP being turned into HTML rather than JavaScript.

Before SSR, developers kept it even simpler.

They would create static HTML documents that didn’t change, host them on a server, and then send them immediately. The server didn’t need to render anything, and the browser often had very little to render.

SPAs (including those using React) are now coming full circle back to this static approach. They’re now pre-rendering JavaScript into HTML before a browser requests the URL. This approach is called Static Site Generation (SSG), also known as Static Rendering.

Two flowcharts showing the SSG process

In practice, SSR and SSG are similar.

The key difference is that rendering happens with SSR when a browser requests a URL versus a framework pre-rendering content at build time with SSG (when developers deploy new code or a web admin changes the site’s content).

Advertisement

SSR can be more dynamic but slower due to additional latency while the server renders the content before sending it to the user’s browser.

SSG is faster, as the content has already been rendered, meaning it can be served to the user immediately (meaning a quicker TTFB).

How Google processes pages

To understand why React’s default client-side rendering approach causes SEO issues, you first need to know how Google crawls, processes, and indexes pages.

We can summarize the basics of how this works in the below steps:

Advertisement
  1. Crawling – Googlebot sends GET requests to a server for the URLs in the crawl queue and saves the response contents. Googlebot does this for HTML, JS, CSS, image files, and more.
  2. Processing – This includes adding URLs to the crawl queue found within <a href> links within the HTML. It also includes queuing resource URLs (CSS/JS) found within <link> tags or images within <img src> tags. If Googlebot finds a noindex tag at this stage, the process stops, Googlebot won’t render the content, and Caffeine (Google’s indexer) won’t index it.
  3. Rendering – Googlebot executes JavaScript code with a headless Chromium browser to find additional content within the DOM, but not the HTML source. It does this for all HTML URLs.
  4. Indexing – Caffeine takes the information from Googlebot, normalizes it (fixes broken HTML), and then tries to make sense of it all, precomputing some ranking signals ready for serving within a search result.
Flowchart showing how Google crawls, processes, and indexes pages

Historically, issues with React and other JS libraries have been due to Google not handling the rendering step well.

Some examples include:

  • Not rendering JavaScript – It’s an older issue, but Google only started rendering JavaScript in a limited way in 2008. However, it was still reliant on a crawling scheme for JavaScript sites created in 2009. (Google has since deprecated the scheme.)
  • The rendering engine (Chromium) being out of date – This resulted in a lack of support for the latest browser and JavaScript features. If you used a JavaScript feature that Googlebot didn’t support, your page might not render correctly, which could negatively impact your content’s indexing.
  • Google had a rendering delay – In some cases, this could mean a delay of up to a few weeks, slowing down the time for changes to the content to reach the indexing stage. This would have ruled out relying on Google to render content for most sites.

Thankfully, Google has now resolved most of these issues. Googlebot is now evergreen, meaning it always supports the latest features of Chromium.

In addition, the rendering delay is now five seconds, as announced by Martin Splitt at the Chrome Developer Summit in November 2019:

Last year Tom Greenaway and I were on this stage and telling you, ‘Well, you know, it can take up to a week, we are very sorry for this.’ Forget this, okay? Because the new numbers look a lot better. So we actually went over the numbers and found that, it turns out that at median, the time we spent between crawling and actually having rendered these results is – on median – it’s five seconds!”

This all sounds positive. But is client-side rendering and leaving Googlebot to render content the right strategy?

The answer is most likely still no.

Common SEO issues with React

Advertisement

In the past five years, Google has innovated its handling of JavaScript content, but entirely client-side rendered sites introduce other issues that you need to consider.

It’s important to note that you can overcome all issues with React and SEO.

React JS is a development tool. React is no different from any other tool within a development stack, whether that’s a WordPress plugin or the CDN you choose. How you configure it will decide whether it detracts or enhances SEO.

Ultimately, React is good for SEO, as it improves user experience. You just need to make sure you consider the following common issues.

1. Pick the right rendering strategy

The most significant issue you’ll need to tackle with React is how it renders content.

As mentioned, Google is great at rendering JavaScript nowadays. But unfortunately, that isn’t the case with other search engines. Bing has some support for JavaScript rendering, although its efficiency is unknown. Other search engines like Baidu, Yandex, and others offer limited support.

Advertisement

Sidenote.

This limitation doesn’t only impact search engines. Apart from site auditors, SEO tools that crawl the web and provide critical data on elements like a site’s backlinks do not render JavaScript. This can have a significant impact on the quality of data they provide. The only exception is Ahrefs, which has been rendering JavaScript across the web since 2017 and currently renders over 200 million pages per day.

Introducing this unknown builds a good case for opting for a server-side rendered solution to ensure that all crawlers can see the site’s content.

In addition, rendering content on the server has another crucial benefit: load times.

Load times

Rendering JavaScript is intensive on the CPU; this makes large libraries like React slower to load and become interactive for users. You’ll generally see Core Web Vitals, such as Time to Interactive (TTI), being much higher for SPAs—especially on mobile, the primary way users consume web content.

Overview of metrics' performance, including FCP, LCP, etc

An example React application that utilizes client-side rendering.

However, after the initial render by the browser, subsequent load times tend to be quicker due to the following:

Advertisement

Depending on the number of pages viewed per visit, this can result in field data being positive overall.

Four bar graphs showing positive field data of FCP, LCP, FID, and CLS

However, if your site has a low number of pages viewed per visit, you’ll struggle to get positive field data for all Core Web Vitals.

Solution

The best option is to opt for SSR or SSG mainly due to:

  • Faster initial renders.
  • Not having to rely on search engine crawlers to render content.
  • Improvements in TTI due to less JavaScript code for the browser to parse and render before becoming interactive.

Implementing SSR within React is possible via ReactDOMServer. However, I recommend using a React framework called Next.js and using its SSG and SSR options. You can also implement CSR with Next.js, but the framework nudges users toward SSR/SSG due to speed.

Next.js supports what it calls “Automatic Static Optimization.” In practice, this means you can have some pages on a site that use SSR (such as an account page) and other pages using SSG (such as your blog).

The result: SSG and fast TTFB for non-dynamic pages, and SSR as a backup rendering strategy for dynamic content.

Sidenote.

Advertisement

You may have heard about React Hydration with ReactDOM.hydrate(). This is where content is delivered via SSG/SSR and then turns into a client-side rendered application during the initial render. This may be the obvious choice for dynamic applications in the future rather than SSR. However, hydration currently works by loading the entire React library and then attaching event handlers to HTML that will change. React then keeps HTML between the browser and server in sync. Currently, I can’t recommend this approach because it still has negative implications for web vitals like TTI for the initial render. Partial Hydration may resolve this in the future by only hydrating critical parts of the page (like ones within the browser viewport) rather than the entire page; until then, SSR/SSG is the better option.

Since we’re talking about speed, I’ll be doing you a disservice by not mentioning other ways Next.js optimizes the critical rendering path for React applications with features like:

  • Image optimization – This adds width and height <img> attributes and srcset, lazy loading, and image resizing.
  • Font optimization – This inlines critical font CSS and adds controls for font-display.
  • Script optimization – This lets you pick when a script should be loaded: before/after the page is interactive or lazily.
  • Dynamic imports – If you implement best practices for code splitting, this feature makes it easier to import JS code when required rather than leaving it to load on the initial render and slowing it down.

Speed and positive Core Web Vitals are a ranking factor, albeit a minor one. Next.js features make it easier to create great web experiences that will give you a competitive advantage.

TIP

Many developers deploy their Next.js web applications using Vercel (the creators of Next.js), which has a global edge network of servers; this results in fast load times.

Vercel provides data on the Core Web Vitals of all sites deployed on the platform, but you can also get detailed web vital data for each URL using Ahrefs’ Site Audit.

Simply add an API key within the crawl settings of your projects.

Text field to add API key

After you’ve run your audit, have a look at the performance area. There, Ahrefs’ Site Audit will show you charts displaying data from the Chrome User Experience Report (CrUX) and Lighthouse.

Advertisement
Pie charts and bar graphs showing data from CrUX and Lighthouse

2. Use status codes correctly

A common issue with most SPAs is they don’t correctly report status codes. This is as the server isn’t loading the page—the browser is. You’ll commonly see issues with:

  • No 3xx redirects, with JavaScript redirects being used instead.
  • 4xx status codes not reporting for “not found” URLs.

You can see below I ran a test on a React site with httpstatus.io. This page should obviously be a 404 but, instead, returns a 200 status code. This is called a soft 404.

Table showing URL on left. On right, under "Status codes," it shows "200"

The risk here is that Google may decide to index that page (depending on its content). Google could then serve this to users, or it’ll be used when evaluating a site.

In addition, reporting 404s helps SEOs audit a site. If you accidentally internally link to a 404 page and it’s returning a 200 status code, quickly spotting the area with an auditing tool may become much more challenging.

There are a couple of ways to solve this issue. If you’re client-side rendering:

  1. Use the React Router framework.
  2. Create a 404 component that shows when a route isn’t recognized.
  3. Add a noindex tag to “not found” pages.
  4. Add a <h1> with a message like “404: Page Not Found.” This isn’t ideal, as we don’t report a 404 status code. But it will prevent Google from indexing the page and help it recognize the page as a soft 404.
  5. Use JavaScript redirects when you need to change a URL. Again, not ideal, but Google does follow JavaScript redirects and pass ranking signals.

If you’re using SSR, Next.js makes this simple with response helpers, which let you set whatever status code you want, including 3xx redirects or a 4xx status code. The approach I outlined using React Router can also be put into practice while using Next.js. However, if you’re using Next.js, you’re likely also implementing SSR/SSG.

3. Avoid hashed URLs

This issue isn’t as common for React, but it’s essential to avoid hash URLs like the following:

  • https://reactspa.com/#/shop
  • https://reactspa.com/#/about
  • https://reactspa.com/#/contact

Generally, Google isn’t going to see anything after the hash. All of these pages will be seen as https://reactspa.com/.

Solution

SPAs with client-side routing should implement the History API to change pages.

You can do this relatively easily with both React Router and Next.js.

Advertisement

4. Use <a href> links where relevant

A common mistake with SPAs is using a <div> or a <button> to change the URL. This isn’t an issue with React itself, but how the library is used.

Doing this presents an issue with search engines. As mentioned earlier, when Google processes a URL, it looks for additional URLs to crawl within <a href> elements.

If the <a href> element is missing, Google won’t crawl the URLs and pass PageRank.

Solution

The solution is to include <a href> links to URLs that you want Google to discover.

Checking whether you’re linking to a URL correctly is easy. Inspect the element that internally links and check the HTML to ensure you’ve included <a href> links.

As in the above example, you may have an issue if they aren’t.

Advertisement

However, it’s essential to understand that missing <a href> links aren’t always an issue. One benefit of CSR is that when content is helpful to users but not search engines, you can change the content client-side and not include the <a href> link.

In the above example, the site uses faceted navigation that links to potentially millions of combinations of filters that aren’t useful for a search engine to crawl or index.

List of genres

Loading these filters client-side makes sense here, as the site will conserve crawl budget by not adding <a href> links for Google to crawl.

Next.js makes this easy with its link component, which you can configure to allow client-side navigation.

If you’ve decided to implement a fully CSR application, you can change URLs with React Router using onClick and the History API.

5. Avoid lazy loading essential HTML

It’s common for sites developed with React to inject content into the DOM when a user clicks or hovers over an element—simply because the library makes that easy to do.

Advertisement

This isn’t inherently bad, but content added to the DOM this way will not be seen by search engines. If the content injected includes important textual content or internal links, this may negatively impact:

  • How well the page performs (as Google won’t see the content).
  • The discoverability of other URLs (as Google won’t find the internal links).

Here’s an example on a React JS site I recently audited. Here, I’ll show a well-known e‑commerce brand with important internal links within its faceted navigation.

However, a modal showing the navigation on mobile was injected into the DOM when you clicked a “Filter” button. Watch the second <!—-> within the HTML below to see this in practice:

Gif of modal showing the navigation on mobile was injected into DOM

Solution

Spotting these issues isn’t easy. And as far as I know, no tool will directly tell you about them.

Instead, you should check for common elements such as:

  • Accordions
  • Modals
  • Tabs
  • Mega menus
  • Hamburger menus

You’ll then need to inspect the element on them and watch what happens with the HTML as you open/close them by clicking or hovering (as I have done in the above GIF).

Suppose you notice JavaScript is adding HTML to the page. In that case, you’ll need to work with the developers. This is so that rather than injecting the content into the DOM, it’s included within the HTML by default and is hidden and shown via CSS using properties like visibility: hidden; or display: none;.

6. Don’t forget the fundamentals

While there are additional SEO considerations with React applications, that doesn’t mean other fundamentals don’t apply.

You’ll still need to make sure your React applications follow best practices for:

Advertisement

Final thoughts

Unfortunately, working with React applications does add to the already long list of issues a technical SEO needs to check. But thanks to frameworks like Next.js, it makes the work of an SEO much more straightforward than what it was historically.

Hopefully, this guide has helped you better understand the additional considerations you need to make as an SEO when working with React applications.

Have any questions on working with React? Tweet me.




Source link

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address

SEO

SEOs, Are You Using These 6 Mental Models?

Published

on

SEOs, Are You Using These 6 Mental Models?

People use mental models to comprehend reality, solve problems, and make decisions in everyday life. SEO is not an exception here, yet it’s not a topic you often hear about in this industry.

The thing is, you need to be careful with mental models because they’re sneaky. We tend to develop them during our lives, inherit them from our colleagues and mentors, and rely on them almost instinctively while not fully aware of their influence or the existence of better alternatives.

So, let’s talk about mental models you will find helpful in your SEO work and the ones you should approach with caution.

3 helpful mental models

In the noisy, uncertain world of SEO, these will be your north star.

Advertisement

First principles thinking is a problem-solving approach that involves breaking down complex problems into their most basic elements and reassembling them from the ground up.

It’s about asking oneself what is absolutely true about a situation and then reasoning up from there to create new solutions.

Using first principles thinking to rearrange the same building blocks into a brand new shape. 

Uncertainty is a chronic condition in SEO. And it is so by design because the whole industry is based on Google’s secrets. Access to the truth is extremely limited. We got to the point that we got used to accepting speculation and theories on SEO so much that we started to crave them.

This is where the first principles come in. Whenever you need a brand new solution for a problem or when you feel that you’ve gone too far into speculation, come back to the first principles — things that have the best chance to be true in this industry. For example:

The Pareto Principle (aka the 80/20 rule) is about a disproportionate relationship between inputs and outputs, effort and results, or causes and effects. A small number of causes (20%) often leads to a large number of effects (80%).

The Pareto principleThe Pareto principle
The 80/20 rule: 80% of results come from 20% of the projects.

This concept was named after Vilfredo Pareto, an Italian economist who, in 1906, noticed that 80% of Italy’s land was owned by 20% of the population.

If we use this principle as a mental model in decision-making, we’ll find it easier to prioritize work. It’s ok to ignore some things because they likely won’t matter that much. The result that you’re after will come from focusing on the things that will likely have the biggest impact, and not from spreading yourself too thin.

For example, if you want to build links to your site, pitch your best content. That can be the content that has already proven to earn links in the past.

Advertisement
Best by links report in Ahrefs.Best by links report in Ahrefs.

Or if you need to recover some of that lost traffic, home in on the pages that lost the most traffic.

Top pages report in Ahrefs. Top pages report in Ahrefs.

The key is to treat the 80/20 as an approximation, a heuristic, and not take the numbers literally. To illustrate, roughly 80% of our site’s traffic comes from no more than 6% of pages.

Total organic traffic breakdown in Ahrefs. Total organic traffic breakdown in Ahrefs.

But on the other hand, if we try to find the top 20% pages that contribute to the traffic the most, we’ll find that they bring not 80% but 96.8% traffic. However you look at it, the idea still holds — a small amount of causes led to a large portion of effects.

“It takes all the running you can do, to keep in the same place.”

Sounds very much like SEO already, doesn’t it?

This quote comes from Lewis Carroll’s “Through the Looking-Glass,” and it’s how the Red Queen explains to Alice the nature of her kingdom, where it requires constant effort just to maintain one’s current position.

It was used to name an evolutionary biology theory which posits that each species must adapt and evolve not just for incremental gains but for survival, as their competitors are also evolving. Sorry, we’re in an endless race.

The Red Queen Theory as an endless race.The Red Queen Theory as an endless race.
SEO is like a road with no finish line—the race continues forever.

You can probably already guess how this applies to SEO — rankings. If you want to maintain high rankings, you can’t stop improving your pages. There will always be enough competitors to challenge your position.

But in our world, pressure comes from competitors and the environment. Google keeps evolving too, pushing the bar for content higher, making elements that used to give you an edge a standard.

I’m sure we’ve all been there – even our top backlink-earning, top traffic-generating, most time-consuming content gets pushed down. But if you keep optimizing, you get a chance to come back to the top.

Position history graph in Ahrefs.Position history graph in Ahrefs.

This mental model is another way of saying that SEO works best as an always-on strategy without a set end date or final goal.

3 mental models to watch out for

It’s not so much about avoiding them but being able to spot them when they happen or could happen.

Advertisement

A local maximum (aka local optimum) refers to a solution that is the best solution within a neighboring set of solutions, but not necessarily the best possible solution overall (global optimum).

Local maxima.Local maxima.

So if you’re feeling that you’re spending immense effort just to make marginal improvements, you have to be willing to assume that you’ve hit a local maxima. Then, the question to ask is: what can I do differently?

Here’s an example.

Until November last year, traffic to our site was a series of local optima. Our content marketing was delivering the results, but the growth was relatively slow. Obviously, we were doing the same tried and tested stuff. But then we launched two programmatic SEO projects that instantly elevated us to a level we’d have to work years for — look how fast the yellow line grew (pages) and how that corresponded with the orange line (traffic).

Organic performance graph in Ahrefs.Organic performance graph in Ahrefs.

The sunk cost fallacy is a cognitive bias that occurs when people continue to do something as a result of previously invested resources (time, money, effort) despite new evidence suggesting that the current path will not lead to a beneficial outcome.

Sunk cost fallacy as a graph.Sunk cost fallacy as a graph.
Sunk cost in action: the more you invest in something, the more attached to it you become.

We all know SEO is a long-term game, right? Strategies like these are crowded with long-term projects with big time and money investments. Sometimes, despite the investments, you just can’t go beyond a certain level of traffic, backlinks, etc.

Now, this mental model, this voice in your head, will tell you to keep going down the same path no matter what. Loss aversion kicks in, acting like a defense mechanism for your past selves and actions. And the more aggressive and blind the “hustle” culture is at one’s team, the harder it is to see clearly.

But, overall, it could be better for you and the company to let it go and focus on something else. You can even come back to it later with a fresh mind. But continuing something just because you’ve been doing it for some time is a losing strategy.

Example. Despite several attempts and time counted in years, Ahrefs doesn’t rank for “seo”.

Advertisement
Position history for "seo" via Ahrefs.Position history for "seo" via Ahrefs.

Sad but true. And from our point of view, it’s frustrating. Almost like we’re the only ones not to get invited to the party, the only ones not to graduate from high school… you get the idea.

But not ranking for “SEO” hasn’t hindered our growth, so it’s better to cut losses and deal with unfulfilled ambition than to let that goal hold us back from other projects (like that programmatic project mentioned above).

Confirmation bias is the tendency to give more attention and weight to data that support one’s own beliefs, while simultaneously dismissing or underestimating evidence that contradicts those beliefs.

Confirmation bias - beliefs outweigh the facts. Confirmation bias - beliefs outweigh the facts.

We’re all guilty of this. It’s human nature. And it’s not exclusively a bad thing. I mean, in some situations, this tendency can keep us on “the bright side” and help us go through tough times or keep our motivation up.

So, I think that it’s not something to get out of your system completely. Just be mindful of situations where this can negatively affect your judgment:

  • Selective evidence in ranking factors. You see a page ranking high, and you think it’s because of an aspect you strongly believe in, disregarding all of the evidence against it (e.g., long-form content, social signals).
  • Bias in keyword selection. Your keyword selection runs along the lines of your beliefs about the audience preferences without substantial evidence to back up these beliefs.
  • Bias in strategy development. After developing a new strategy, you encounter a talk or an article advocating a similar approach, which immediately reinforces your confidence in this strategy.
  • Focus on confirmatory data during audits. During a content audit, you find a small piece of data that confirms your belief. As a result, you may prioritize minor findings over more significant but less personally affirming data.
  • Overconfidence in familiar tactics. Leaning on SEO tactics that have worked in the past, you develop a sense of overconfidence in them. You resist trying anything new or the idea that a dip in performance comes from an unfamiliar factor.

Keep learning

If you like what you’re reading, I think you will find other mental models fascinating:

Want to share models you find useful? Ping me on X or LinkedIn.



Source link

Advertisement
Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address
Continue Reading

SEO

PPC Experts On AI In PPC: Potential & Limitations

Published

on

By

PPC Experts On AI In PPC: Potential & Limitations

This is an excerpt from SEJ’s PPC Trends 2024 ebook, our annual roundup of expert opinions on what you can expect over the course of the next 12 months. 

This year, new AI features rolled out on PPC platforms, and marketers began adopting generative AI in earnest.

The dust is settling after the initial exuberance about AI, and we’re starting to see more nuanced and cautionary opinions develop.

In this section, you’ll see contributors highlighting the benefits of both AI-powered automated ad campaigns and adopting generative AI in your workflow.

You’ll also see cautionary words, reminding you that human thinking and creativity still drive online interactions.

Advertisement

If I had to summarize these insights in three sentences, they would be;

  • AI is very good at the things it’s good at, and very bad at the things it’s bad at.
  • AI is a square peg, so beware of round holes; AI is not a panacea.
  • AI can be a multiplier of productivity and results, but some processes are worth the difficulty.

How AI Can Improve Social Media Advertising Performance

Akvile DeFazio, Founder, AKvertise

Akvile DeFazio

Artificial Intelligence (AI) is quickly becoming an integral part of the advertising industry, transforming how companies reach their target audience and how advertisers increase effectiveness and efficiency in managing ad accounts.

Here are some ways AI can help drive more results in 2024:

Targeting Improvements

Just a few short years ago, campaigns and ad sets were set up more granularly, but after iOS updates, Meta launched several new machine learning options that advertisers can leverage for better results and find their customers.

Now, in Meta Ads Manager, there are Advantage+ Audiences that leverage machine learning to help advertisers reach the most valuable audiences much faster.

By enabling this, you can also share an audience suggestion, such as recent purchasers, so then the system can prioritize people matching using this high-value audience profile before expanding the targeting net wider.

Advertisement

If you work in ecommerce, Meta’s Advantage+ shopping campaigns can help find new customers using its automatic placements, lowest-cost bid strategies, and more by serving the best ads to the people most likely to convert using its AI.

Creative Optimization

When it comes to creative optimization, particularly on platforms like Meta Ads, running dynamic ads with various creatives can be highly effective.

Platforms like Meta leverage AI to serve your target audience with the most relevant creative content, increasing the likelihood of achieving your campaign optimization goals.

By trusting the system to determine the best approach, you can expect improved and faster results compared to manual testing by humans.

In this past year, its performance has improved significantly, and I believe it will continue to do so.

Measuring Results

AI also offers extensive analytics and reporting capabilities, enabling advertisers to measure the success of their campaigns accurately.

Advertisement

With data-driven insights, advertisers can identify the most effective ads and targeting strategies, enabling them to make informed decisions for optimizing campaigns.

We use tools that allow us to import data, conduct trend analysis, create graphs, and obtain valuable insights.

By streamlining reporting and analysis, the right AI-powered tool serves as a time-saving asset that can guide optimization efforts and drive favorable outcomes.

This is only the start of the AI revolution transforming the social media advertising landscape. Brands can now connect and interact with their target audience in a more impactful manner and achieve their various goals.

Embracing AI experimentation can be worthwhile, as it elevates our human capabilities, increasing our efficiency, productivity, and effectiveness in our work.

If you haven’t already, add AI to your advertising stack to elevate your growth goals for 2024.

Advertisement

AI & Personalization In Marketing

Alex Macura, Founder/CEO, Your Digital Assembly

Alex MacuraAlex Macura

The world is a fast-paced place, and the marketing industry is even more so. It has to be, just to keep up.

Over the past 50 years, we’ve seen growth in digital marketing, social media and mobile marketing, television, and database marketing.

But what does the future and, more specifically, 2024 hold for the industry as a whole? Let’s take a look.

A Surge In AI Marketing

AI gives marketers the ability to analyze huge amounts of data in seconds, boosting efficiency and productivity.

Predictive analytics can help to predict consumer and purchase behavior, allowing for more tailored, targeted ad campaigns.

And it can learn over time, too, constantly evolving into a more competent version of itself. So, if you’ve resisted getting on board the AI train, it’s time to step up to the platform.

Advertisement

More Personalized Content

Another area AI excels in? Personalization – which is why, in 2024, hyper-personalization is set to become our new reality.

Customers want to feel seen, so any brand that takes the time to curate a buying experience specifically for them will gain traction.

Thanks to AI and advanced analytics, content can become more tailored than ever, strengthening brand relationships and boosting return on investment (ROI).


Finding The Balance Of Generative AI In Ads

Amy Hebdon, Founder + Managing Director, Paid Search Magic

Amy HebdonAmy Hebdon

There are many ways to use generative AI to enhance your campaigns – and only two ways to get it wrong:

  • Blindly rely on it for everything.
  • Refuse to use it for anything.

Generative AI is in its infancy and capable of making mistakes, so fully relying on it for 100% accuracy is a bad idea.

At the same time, avoiding it because it can’t completely replace you needlessly limits your ability to be more creative and productive.

Between those extremes are countless opportunities to improve and streamline your work. Use generative AI for discovery, challenging assumptions, brainstorming, iterating and refining ideas, editing, and strategy.

Advertisement

You don’t need costly subscriptions to get started, either. The free version of ChatGPT is a great entry point to meaningfully improve your work and workflow.


Standing Out In A Playing Field Leveled By AI

Andrea Atzori, Director, Ambire

Andrea AtzoriAndrea Atzori

Automation serves as a formidable ally in streamlining the mundane aspects of our operations, such as campaign build and reporting.

By harnessing automation, we not only expedite these processes significantly but also diminish the likelihood of human errors creeping in.

Nevertheless, it remains undeniable that the very innovations ushered in by AI and machine learning (ML), if not managed, also bear the capacity to homogenize content, often yielding results that hover around the realm of mediocrity or average at best.

Consequently, if we do not settle for average but instead strive for marketing excellence, this pursuit involves leveraging the full spectrum of available data and tools to our advantage.

Only by adopting this approach can we mitigate rising costs and consistently deliver outstanding outcomes.

Advertisement

Scale Isn’t Everything, Don’t Forget The Power Of Humans & Creativity

Ben Wood, Director of Growth & Innovation, Hallam

Ben WoodBen Wood

One trend we’ve been referencing for years is the growing impact of machine learning and automation on advertisers.

In 2023, we’ve seen a huge acceleration in technological innovation.

We’ve experienced the democratization of creative production via generative AI tools built into Google Ads and other networks, reducing cost and increasing the speed of production.

This has lowered the barrier to entry to platforms such as YouTube, and display formats for smaller advertisers with less budget to spend on assets.

We’ve also seen much-publicized advances in large language models (LLMs), enabling the development of scripts with limited programming capabilities, and offering huge economies of scale for campaign creation and PPC account expansion.

What we’ll start to see in 2024 are the second-order effects of generative AI. These are the less obvious ripple effects caused by AI over the longer term.

Advertisement

Despite the increase in our capabilities to create ads at scale using generative AI, this might not enhance performance but could hamper it:

  • AI is already adept at creating ads at scale, such as automatically created ads and demand generation features in Performance Max.
  • It’s easier than ever for advertisers to get started and enable more features due to automated creative capabilities. The lower barrier to entry could mean users see even more ads than they’re used to.
  • Relying on automated creative may result in generic, feature-based ads.
  • Buyers will learn to tune out these ads.

Increased Value On Human Perspectives And Creators

As consumers learn to tune out to the homogenous advertising enabled by generative AI, we’ll see an increased desire for human perspectives and creativity.

We’ve already seen Google start to surface creators and influencers via their “perspectives” feature with the introduction of Search Generative Experience, and I expect this to bleed through into the advertising landscape.

Partnering with consumer-facing creators and influencers as part of your paid media strategy will increase in importance in the year ahead to maximize your reach across Google’s evolving search landscape and beyond.

Back To Basics: Creative-First Advertising

Today, we have so many channels to manage that it’s easy for things to become disconnected. What holds it together? A creative idea.

If your campaigns lack a coherent, consistent creative concept, your campaigns will not perform.

Sometimes, we get so caught up in the platform choices we forget about the message we’re trying to get out through them.

Advertisement

With the advent of generative AI, I think creativity will be a key differentiating factor for successful campaigns. Starting with a strategy, then a creative concept should always come before media planning.

This serves as a golden thread – a compelling creative idea that ties all your marketing and advertising activities together and helps you stand out from the crowd.


AI-Powered Campaigns Deliver A Future Where Marketers Can Spend Less Time On Optimization

Corey Morris, President/CEO, Voltage

Corey MorrisCorey Morris

AI-generated content is not going away anytime soon and is inevitably making its way into AI-powered ad campaigns in 2024.

AI can craft descriptions, headlines, and ad copy tailored to your client’s campaign objectives, resulting in effective, personalized content.

This personalization is possible because AI can understand user behavior patterns and apply experimentation and winning results to campaigns in real time.

You can monitor and manage your client’s campaign performance in real-time, ensuring that your campaigns perform relative to your goals.

Advertisement

Performance Max Campaigns

Performance Max campaigns will now utilize machine learning and artificial intelligence technology more thoroughly in 2024.

Performance Max campaigns, following search campaigns, are subjectively one of the most effective ways to reach a broader audience and achieve a higher return on investment.

Google now offers the option to upgrade various campaigns, including dynamic search ads and display campaigns to Performance Max campaigns.

Some current benefits of transitioning to Performance Max campaigns include:

1. Increasing creative assets.

The benefit of Performance Max campaigns utilizing your creative assets allows search engines to properly convert your search ad to best fit the intended user base on their search queries.

Advertisement

Creative assets will now have more flexibility when changing any text in your ad copy.

2. Implementing inventory-based ads.

When your product data feed is connected to a Performance Max campaign, your ads will now function based on the inventory you have left in stock.

This can be a huge time-saving benefit because you won’t have to manually examine your product inventory amount.

The upgrades to Performance Max campaigns will ultimately lead to a higher usage rate with advertisers.


Automate Campaigns, Not Strategies: What Are You Doing & Why?

Tim Jensen, Sr. Search Marketing Specialist, M&T Bank

Tim JensenTim Jensen

As PPC managers move forward in a world of increasingly automated, “done for you” campaigns, fully understanding the concerns and goals of your client/boss will help set you ahead.

Advertisement

This is not an excuse for not staying up-to-date with current ad platform functionality, but it’s too easy to drift into a “plug-and-play” mentality with the direction in which the PPC world is headed.

Setting up a conversion pixel is relatively easy these days (in many cases), but ask yourself why you are tracking that conversion, and how it ties into the business goals the company ultimately cares about.

Churning out 15 responsive search ad headlines is easier with AI, but will those stand out in the search engine results page (SERP) against creatively brainstormed headlines that speak to the heart of the customer’s needs?

Generating a list of keywords can be as simple as plugging a URL or a couple of seed phrases into Keyword Planner, but are those the most relevant terms that ideal customers are searching for?

On the positive side, increased automation in platforms has reduced the need for constant hands-on tweaking, such as in bid management. This frees up more time you can spend keeping the lines of communication open with the stakeholders you answer to.

Take some time in 2024 to think through how you can better understand stakeholder goals, and how to tie in your targeting, creative, and bidding approach to best meet those objectives.

Advertisement

Expect Less Campaign Control – Find Exciting New Ways To Spend Your Time

Lauren Weisel, Director of SEM, Media.Monks

PPC Experts On AI In PPC: Potential & LimitationsPPC Experts On AI In PPC: Potential & Limitations

One major theme of 2023 has been automation, and I expect this to continue well into 2024.

Google continues to roll out campaign types that are heavily automated and give less control to marketers, starting with Performance Max and, most recently, with the launch of Demand Gen.

As Performance Max has evolved over the years, we see many cases where this automated campaign type works incredibly well.

With the recent rollout of Demand Gen campaigns, I suspect Google will continue to move toward either expanding these campaigns’ coverage, or rolling out more automated campaign types.

As Google continues to emphasize these automated campaign types, I expect the percentage of account spends on these campaign types to increase, as well. And beyond this, who knows!

There could be a world where traditional search campaigns as we know them sunset completely, but that’s merely a hypothesis.

Advertisement

Speaking of traditional search campaigns, I’m also seeing a reduction in control with the emphasis on broad match with auto-bidding this year.

While many clients were skeptical of this new match type, it’s working quite well for many advertisers.

While still available, I’m also seeing less account spend go towards phrase match keywords, and many times without any performance losses for client accounts.

From an account structure standpoint, this rollout has, in a way, been a catalyst for campaign consolidation – a far cry from the SKAG structure I was taught early on in my career.

This reduction in control that advertisers are experiencing within Google will shift how search marketers work.

However, as I reflect on my career as a search marketer, I can point to other industry shifts that seemed huge at the time, but truly freed up time to expand my skillsets.

Advertisement

I remember when auto-bidding strategies first came on the scene. What would I do with all my time freed up from daily bid adjustments? As automation evolved, marketers shifted how we spent our days (and thankfully, there was plenty of other work to be done).

As control becomes limited in the evolution of Google Ads, search marketers will need to become more creative with strategies to ensure that we continue to move search programs forward with the levers we can pull.

While automated, these campaigns shouldn’t be approached with a “set it and forget it” mindset.

It is a privilege to be able to educate clients and guide them in this ever-changing search landscape. There are so many testing and learning opportunities on the near horizon.

The search landscape has certainly changed a lot, especially over the past year.

While all this automation may seem scary, we must embrace automation to stay ahead of the curve. I suspect we’ll see the trajectory of automation continue to accelerate during the next year.

Advertisement

Not only is this a hot topic in the search space, but in our culture as a whole. I look forward to all of the automation developments 2024 has in store for search marketers.


Searcher Intent & Audiences Are A Complex Human Formula

Lisa Raehsler, Founder And SEM Strategy Consultant, Big Click Co.

Lisa RaehslerLisa Raehsler

While AI and automation are always hot topics – and the technology advancements amazingly helpful – in 2024, connecting with the customer will be key.

Many advertisers will get away from this by buying into the fast and easy option: Allowing machines to do the work for their digital advertising.

That’s great for tedious task-oriented optimizations – but human strategy, experience, and even intuition will be critical for success in reaching and converting the right customer.

The pros are already in the know. Searcher intent and audiences are a complex human formula advertisers should focus on.

Societal culture, economic conditions, and political concerns change rapidly. Messaging targeting people who experience evolving needs and pain points should take center focus.

Advertisement

More resources: 


Featured Image: Paulo Bobita/Search Engine Journal

Source link

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address
Continue Reading

SEO

7 Changes Marketers Should Make

Published

on

By

7 Changes Marketers Should Make

Paid media’s main job is to increase visibility and drive traffic for your brand.

And as digital marketing evolves, so, too, will your strategy.

In the current state of paid, the main overarching theme is, you guessed it, AI and machine learning.

As paid media platforms get smarter and constantly find ways to infuse AI into campaign workflows and optimizations, marketers must find a way to keep up with the platforms.

The other side of the coin is maintaining user privacy all the while trying to use AI effectively.

Advertisement

So what major changes should you make to your paid media marketing strategy in 2024?

Here are seven changes you should incorporate without a second thought.

1. Review & Revise Google Tags

If you rely on Google tags for conversion tracking, this change should not be ignored.

In January 2024, Google made an update to its Consent Mode for its Google tags, which will, for now, affect any marketers who run ads targeted to users in the European Economic Area (EEA).

This update requires marketers to take action by March 2024 in order to keep using ad personalization and remarketing features in Google Ads.

Simply speaking, the Consent Mode will need to be updated to adjust its tracking behavior based on how a user interacts with a website’s consent banner.

Advertisement

The two new parameters introduced to Consent Mode are:

  • ad_user_data: This controls whether user data can be sent to Google for advertising purposes.
  • ad_personalization: This controls whether personalized advertising (remarketing) can be enabled for the user.

As privacy measures continue to become stricter in the United States, it would not be surprising if this becomes required for US advertisers in the somewhat near future.

Keep in mind that in 2024, we’ll have to get comfortable being uncomfortable with imperfect data because of privacy regulations.

2. Make Influencers Part Of Your Marketing Model

Small and large influencers alike are an awesome resource at your fingertips, just as long as your audiences align.

Even brands with a few thousand followers can utilize influencer marketing to make a big difference and gain traction in the market.

Go on a hunt to find the top influencers in your space. Then, figure out the cost per acquisition (CPA) for working with each of them (because you have to court influencers, especially the bigger ones).

From there, you can create a win-win partnership that gets you more leads while the influencer earns income.

Advertisement

Pro Tip: You can use influencer marketing tools to help you in your journey to integrate core influencers into your business model. Some of the most popular include AspireIQ, BuzzSumo, Upfluence, and NeoReach.
Whichever you choose, make sure the influencers you find are big enough to provide real value to your brand — and that you’re paying a CPA that makes sense for your budget and overall goals.

3. Strategic Audience Management On Multiple Platforms

2024 is the year to nail your audience management strategy, both from a holistic perspective and within each encapsulated platform.

That means before building your audiences, you need to understand at a high level who your target customer is.

Further, identify what platforms those types of user-profiles spend their time on.

Once you’ve identified your ideal target customer, then it’s time for the first step in this process:

Building audiences.

Advertisement

From there, you must set up a strategy to target folks within every stage of the funnel – from upper to lower – and decide which networks make the most sense for the different audience cohorts.

Perhaps the most crucial part of this process is analyzing and refreshing your audiences as the year goes on.

You should definitely plan on retargeting and testing new audiences throughout the year.

If you fail to incorporate this part, you run the risk of targeting the wrong sector of people, ultimately throwing money down the proverbial drain.

However, if you retarget and refresh your approach, you’re bound to find a dynamic audience that correlates with your vision.

In the end, audience management alone can be worth its weight in gold.

Advertisement

4. Prepare For Video Content Dominance

You’ve likely heard this phrase before in marketing: content is king.

With a slight tweak for 2024, the new hot phrase should be: video content is king.

Not only is video taking over social platforms like TikTok, Instagram, and Snapchat, but it’s also asserting its dominance in YouTube Ads. YouTube Shorts, the platform’s short-form video offering, is booming.

With this new form of video comes a new ad format: vertical video ads.

Not only should marketers focus on video marketing in general – 2024 is the year to get more sophisticated with video strategy.

Marketers should prioritize creating engaging and high-quality video content that’s appropriate for each platform on which it will be delivered.

Advertisement

If the thought of creating video content for multiple platforms scares you, just remember that a little goes a long way.

Start by creating evergreen content about your brand and test those with different lengths.

These can be used and recycled on multiple platforms and can be used for organic and paid video content simultaneously.

Just remember to create a variety so that your users don’t see the same message or content on the same platforms, which can reduce the effectiveness of video marketing.

5. Don’t Sleep On Microsoft Ads

Microsoft Ads continues to enhance its advertising platform year after year.

Not only does it have many of the same coveted features as Google Ads, but it has added features that are unique to the platform.

Advertisement

As a marketing professional, your brand will surely benefit from digging into it more in 2024.

Some of the most notable updates Microsoft Ads launched in the last twelve months include:

  • Video and CTV ads: Microsoft unveiled these new ad types on its platform in September of 2023. Advertisers can choose from online video ads or connected TV ads that are non-skippable while a user is streaming content. This gives advertisers big and small a leg up on what once used to be a very complicated process of buying TV ads.
  • Three new generative AI solutions: Also announced in September 2023, Microsoft came out with three new AI features to help grow and scale. These include Compare & Decide ads, ads for Chat API, and Copilot campaign creation.
  • Data-driven attribution reporting: Gone are the days of last-click measurement! Microsoft Ads enhanced its UET tagging solution and implemented data-driven attributing modeling. It uses machine learning to calculate the actual contributions of each ad interaction.

While Microsoft still holds a lower share of the available search engines, just remember that you’re leaving a whole slew of potential customers behind by not considering this underestimated ad platform.

6. Focus On Optimizing The User Experience

Between a mix of shorter human attention spans and limited marketing budgets, every interaction and website experience counts.

If you find that your pre-sale metrics are favorable – such as high engagement or high CTR – but never result in a sale, you likely don’t have an ad problem. You have a user experience problem.

In 2024, consumers expect more from brands, especially if they’re spending their hard-earned money with that company.

Ask yourself, when was the last time you sat down and went through your website’s checkout process through the lens of a customer?

Advertisement

If you’re not sure where to start on optimizing your website experience for users, here are some ideas to get you started:

  • Use tools like Hot Jar or User Testing to get real-life analytics of how your customers are interacting and what their pain points are.
  • Review the website landscape on desktop and mobile. While this may be a no-brainer, many websites still forget to optimize for mobile!
  • Make sure that any relevant call-to-actions (CTAs) are above the fold – yes, on mobile, too!
  • Check your site speed.

These are items that should continuously be monitored and not a “set and forget,” which unfortunately happens quite a bit.

Optimizing the website user experience can have a positive impact on those paid media campaigns and can make those dollars go further in the future.

7. Use AI Tools To Your Advantage

Let’s face it: Machine learning and AI aren’t going anywhere.

For marketing leaders, 2024 really is the time to lean into its advantages instead of running away from the inevitable advances.

It’s not a question of whether to use AI or not. It’s a matter of how to use AI to your advantage.

While companies are tightening their budgets and scaling back staff, PPC marketers are constantly being asked to do more with less.

Advertisement

This is where AI comes in.

In fact, using AI can strengthen your ROI for paid media campaigns of all kinds (whatever channel you prefer).

Just make sure you don’t sacrifice your brand’s personality for a little efficiency.

One way you can do this is with Google’s generated AI assets (currently in beta). Using its Gemini-powered AI solution, the tool allows for more streamlined campaign creation and generated ad assets, including images, headlines, and descriptions for ads, and more.

Additionally, you’re likely already using one of Google’s Smart Bidding strategies to automate the bidding process.

With a combination of creativity and machine learning, your ads have the potential to go farther than ever before.

Advertisement

Your 2024 Plan Should Not Be Static

If the past year(s) have taught us anything in marketing, it’s to be fluid.

In some cases, tactics that used to be tried and true are now more volatile than ever.

Take advantage of advances in AI to boost your strategic advantage, and keep in mind platforms that you’ve typically shied away from – the time may come to incorporate them into your 2024 strategy.

What changes are you most excited to try this year?

More resources:


Featured Image: Sutthiphong Chandaeng/Shutterstock

Advertisement



Source link

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address
Continue Reading

Trending

Follow by Email
RSS