Search Engine Optimization (SEO)

Search Engine Optimization (SEO)

Search Engine Optimization (SEO) is the process of improving the quality and quantity of website traffic to a website or a web page from search engines. SEO targets unpaid traffic rather than direct traffic or paid traffic.

Manage Search Engine Optimization in Next.js App with Next SEO

Using Next SEO to manage search engine optimization in Next.js applications. Learn how to use the Next SEO plugin so you can effectively manage your Next.js app's SEO without missing any properties.

SEO is a critical aspect of marketing that helps websites rank more effectively in search engine results pages (SERPs). A higher rank in the SERPs increases organic traffic and leads to greater business opportunities, so you can see why it’s vital to keep it in mind!

Because of this, it’s crucial for us as developers to ensure our projects’ website SEO is managed correctly without missing any properties.

In this article, we will be using Next SEO to manage search engine optimization in our Next.js applications.

Table of contents:

  • Next SEO and Next.js
  • Quick setup
  • Adding Next Seo to a page
  • Default SEO
    • Override default properties
  • Open Graph support
  • Audio example
  • Structured data support
  • Next SEO options
  • Next.js 13 app directory support
  • Common meta tags
    • Default meta config
    • Override the default SEO
  • Adding JSON-LD components

Next SEO and Next.js

Next.js has static site generation (SSG) support, which delivers better SEO capability than client-side rendering. It also has an in-built head component to manage SEO meta information like title, description, canonical, and Open Graph tags.

When there are more pages on a website, there are also more meta tags to account for. As a site grows, managing these can become a daunting process.

To simplify this, we can use a package called next-seo. Next SEO makes managing SEO easier in your Next.js projects.

By using Next SEO, we can pass SEO properties as an object and the package automatically adds the properties to the page head.

You can add this to every page individually or use the DefaultSeo component and overwrite it onto other pages.

Let’s get started and see it in action.

Quick setup

First, install the next-seo package in your Next.js project using the following command:

yarn add next-seo

Adding Next SEO to a page

Let’s import the next-seo package into the page component with SEO properties. To do this, add the following code to the home component:

//home.js

import { NextSeo } from 'next-seo';

const Home = () => (
    <>
        <NextSeo
            title="Home Page Title"
            description="Home page description of the page"
        />
        <p>Simple Usage</p>
    </>
);

export default Home;

This will render a <head> tag with a title and description for your page. You can verify it by inspecting it, as shown here:

Inspecting Head Tag

You can see that the tag includes og:title and og:description by default, using the title and description properties.

This is a simple configuration; let’s explore the other options available to us in Next SEO.

Default SEO

To add default properties to all of our pages, we can use the DefaultSeo component, instead of manually adding the properties individually to each page. We can also override any property on a page, if needed.

Add the DefaultSeo component to _app.js and add the following code:

//_app.js

import '../styles/globals.css'
import {DefaultSeo} from 'next-seo';

function MyApp({Component, pageProps}) {
    return (
        <>
            <DefaultSeo
                title="Next SEO Example"
                description="Next SEO is a plug in that makes managing your SEO easier in Next.js projects."
                openGraph={{
                    type: 'website',
                    locale: 'en_IE',
                    url: 'https://www.url.ie/',
                    siteName: 'SiteName',
                }}
                twitter={{
                    handle: '@handle',
                    site: '@site',
                    cardType: 'summary_large_image',
                }}
            />
            <Component {...pageProps} />
        </>
    )
}

export default MyApp

Now, the SEO properties added to the default component will be rendered on all pages. You can verify this by once again inspecting the page, as shown here:

Verify Seo Properties Default Component

Override default properties

Now, let’s override the default SEO properties on our Blog page, as each blog will have an individual title and description. Add the following code to the page:

//blog.js

import {NextSeo} from 'next-seo';

const Blog = () => (
    <>
        <NextSeo
            title="Manage SEO in NextJS with Next SEO"
            description="Next SEO packages simplifies the SEO management in Next Apps with less configurations"
            canonical="www.example.com/next-seo-blog"
            openGraph={{
                type: 'article',
                article: {
                    publishedTime: '2022-06-21T23:04:13Z',
                    modifiedTime: '2022-01-21T18:04:43Z',
                    authors: [
                        'https://www.example.com/authors/@firstnameA-lastnameA',
                        'https://www.example.com/authors/@firstnameB-lastnameB',
                    ],
                    tags: ['Tag A', 'Tag B', 'Tag C'],
                },
                url: 'www.example.com/next-seo-blog',
                images: {
                    url: 'https://www.test.ie/images/cover.jpg',
                    width: 850,
                    height: 650,
                    alt: 'Photo of text',
                },
                site_name: 'Next Blog'
            }}
        />
        <p>Manage SEO in NextJS with Next SEO - Blog</p>
    </>
);

export default Blog;

Here, we have overridden the title, description, and other properties. You can also see a few new properties specifically related to our blog posts:

  • publishedTime: Blog published date
  • modifiedTime: Blog updated date
  • tags: Tags associated with the blog post
  • authors : Author of the blog

You can verify these by inspecting the page:

Verify Default Properties Override

As you can see, there is some meta info related to Twitter cards, but we didn’t include those in the blog page — it was added by Next SEO, which we added earlier using the DefaultSeo Component.

You can see with this example how it supports blog-related SEO properties out of the box for ease of use.

Open Graph support

The Open Graph protocol controls what content should be displayed when sharing links on social media. Using Open Graph tags in web pages enables them to become rich objects in a social graph.

For instance, the OG protocol allows you to control what title, image, and description are displayed when sharing links on social media platforms. If you share without OG tags, social media platforms will choose a random title, image, and description.

Platforms like Twitter, LinkedIn, and Facebook recognize Open Graph tags — however, Twitter also has meta tags called Twitter Cards, but will use OG tags when there is no need to use Twitter Card tags.

Next SEO supports the following OG properties:

  1. Audio
  2. Video
  3. Article
  4. Profile
  5. Book

Audio example

The following configuration enables audio Open Graph support with multiple audio files:

//Podcast.js

import { NextSeo } from 'next-seo';
const Podcast = () => (
  <>
    <NextSeo
      title="Podcast Page Title"
      description="Next SEO PodCast"
      openGraph={{
        title: 'Open Graph Audio',
        description: 'Description of open graph audio',
        url: 'https://www.example.com/audio/audio',
        audio: [
          {
            url: 'http://examples.opengraphprotocol.us/media/audio/1khz.mp3',
            secureUrl: 'https://d72cgtgi6hvvl.cloudfront.net/media/audio/1khz.mp3',
            type: "audio/mpeg"
          },
          {
            url: 'http://examples.opengraphprotocol.us/media/audio/250hz.mp3',
            secureUrl: 'https://d72cgtgi6hvvl.cloudfront.net/media/audio/250hz.mp3',
            type: "audio/mpeg"
          },
        ]
        site_name: 'SiteName',
      }}
    />
    <h1>Audio Page SEO</h1>
  </>
);
export default Podcast;

You can take a look at other examples for other OG types to learn more.

Structured data support

Structured data is a standardized format for providing information about a page and classifying the page’s content. This helps search engines understand the web page and display the most relevant titles, descriptions, images, and other information to end users.

Next SEO also supports structured data with limited configuration necessary, supporting multiple JSON-LD types like article, blog, FAQ, and course.

Let’s see this in action with an example.

The ArticleJsonLd component is used to add structured data to a page. Add the following code to add structured data to our blogs:

//blog.js

import {ArticleJsonLd, NextSeo} from 'next-seo';

const Blog = () => (
    <>
        <NextSeo
            title="Manage SEO in NextJS with Next SEO"
            description="Next SEO packages simplifies the SEO management in Next Apps with less configurations"
            canonical="www.example.com/next-seo-blog"
            openGraph={{
                type: 'article',
                article: {
                    publishedTime: '2022-06-21T23:04:13Z',
                    modifiedTime: '2022-01-21T18:04:43Z',
                    authors: [
                        'https://www.example.com/authors/@firstnameA-lastnameA',
                        'https://www.example.com/authors/@firstnameB-lastnameB',
                    ],
                    tags: ['Tag A', 'Tag B', 'Tag C'],
                },
                url: 'www.example.com/next-seo-blog',
                images: {
                    url: 'https://www.test.ie/images/cover.jpg',
                    width: 850,
                    height: 650,
                    alt: 'Photo of text',
                },
                site_name: 'Next Blog'
            }}
        />
        <ArticleJsonLd
            type="BlogPosting"
            url="https://example.com/blog"
            title="Manage SEO in NextJS with Next SEO"
            images={[
                'https://example.com/photos/1x1/photo.jpg',
                'https://example.com/photos/4x3/photo.jpg',
                'https://example.com/photos/16x9/photo.jpg',
            ]}
            datePublished="2022-06-21T23:04:13Z"
            dateModified="2022-06-21T23:04:13Z"
            authorName="Author Name"
            description="Next SEO packages simplifies the SEO management in Next Apps with less configurations"
        />
        <p>Manage SEO in NextJS with Next SEO - Blog</p>
    </>
);

export default Blog;

We have now added a few SEO properties to the JsonLd, which will be rendered like so:

Add Seo Properties To Json

The JSON data is rendered in the <script> tag. You can check all the available JSON-LD types for more information on this.

Next SEO options

The following are the properties for the NextSeo component, which we can use to handle different meta tag properties. Some of the most used properties are:

  • defaultTitle: If no title is set on a page, this string will be used instead of an empty title
  • noindex: Option to set whether the page should be indexed or not
  • nofollow: Option to set whether the page should be followed or not
  • canonical: Set the page’s canonical URL
  • facebook.appId: Add Facebook app ID to your page to receive Facebook Insights data
  • additionalMetaTags: Additional meta tags like title and content
  • additionalLinkTags: Additional meta links like favicons

Next.js 13 app directory support

Next.js 13 introduced a beta feature to the app directory for routing alongside the pages directory.

Due to this change, the usage and configuration of next-seo also changes, as the new app directory brings the following changes to the existing flow:

  1. Next.js no longer removes the duplicate tags in the head, so we can’t use the DefaultSeo component for global SEO
  2. The app directory includes the head.js file to include <head> tags, but it doesn’t support synchronous inline script. As a result, JSON-LD components can’t be added in head.js, so it needs to be added in page.js, which adds to the <body/> of the document
  3. Next.js doesn’t add below meta tags by default, so we need to add this manually in the root layout

Common meta tags

As per the new app directory, DefaultSeo meta tags can’t be overwritten on other pages.

Because of this, we need to identify common tags and place them in the root layout (/app/layout.js), as demonstrated here:

// app/layout.js
import { NextSeo } from 'next-seo';

export default function RootLayout({ children }) {
  return (
    <html>
      <head>
        {/* Used to be added by default, now we need to add manually */}
        <meta charSet="utf-8" />
        <meta name="viewport" content="width=device-width" />
        {/* 
          Anything we add in layout will appear on EVERY PAGE. At present it can not be overridden lower down the tree.
          This can be useful for things like favicons, or other meta tags that are the same on every page.
        */}
        <NextSeo
          useAppDir={true}
          facebook={{ appId: '1234567890' }}
          themeColor="#73fa97"
          titleTemplate="%s | Next SEO"
        />
      </head>
      <body>{children}</body>
    </html>
  );
}

N.B., the new prop useAppDir forces next-seo to use the app directory that is a compatible version.

The following are the rendered meta tags from the above example:

Rendered Meta Tags

Default meta config

To use common meta tags like og, image, title, and description, start by adding the next-seo-config.js file with common meta tags and importing it into the required pages. Here’s an example of what I mean:

// next-seo-config.js
export const NEXT_SEO_DEFAULT = {
  title: 'Page Title',
  description: 'Page Description',
  openGraph: {
    type: 'website',
    locale: 'en_IE',
    url: 'https://www.url.ie/a',
    title: 'OG Title',
    description: 'OG Decription',
    siteName: 'Example',
  },
};

Now, import the next-seo-config.js file into head.js, as shown here:

// app/head.js
import { NextSeo } from 'next-seo';

import { NEXT_SEO_DEFAULT } from './next-seo-config'; // your path will vary

export default async function Head() {
  return <NextSeo {...NEXT_SEO_DEFAULT} useAppDir={true} />;
}

Here’s our output for the above example:

Output Of Example Properties

Override the default SEO

You can override the default next-seo-config meta tags on other pages if necessary — take a look at the following example to see how it’s done:

 // app/profile/head.js
import { NextSeo } from 'next-seo';

import { NEXT_SEO_DEFAULT } from '../next-seo-config'; // your path may vary

export default async function Head() {
  const updateMeta = {
    ...NEXT_SEO_DEFAULT,
    title: 'Profile',
    description: 'User Profile',
  };
  return <NextSeo {...updateMeta} useAppDir={true} />;
}

Here, we are updating the title and description of the default SEO meta tags to our own specifications.

Here’s the output for the above example:

Output Default Seo Updated Title And Description

Adding JSON-LD components

As we saw earlier, the new app directory head.js does not support an inline <script>. We can add the JSON-LD to page.js file, which adds the JSON-LD structured data into the document body.

Check out the following example:

// app/blog/page.js
import { ArticleJsonLd } from 'next-seo';

const Article = () => (
  <>
    <h1>Article</h1>
    <p>Inspect page for output.</p>
    <ArticleJsonLd
      useAppDir={true}
      type="BlogPosting"
      url="https://example.com/blog"
      title="Blog headline"
      images={[
        'https://example.com/photos/1x1/photo.jpg',
        'https://example.com/photos/4x3/photo.jpg',
        'https://example.com/photos/16x9/photo.jpg',
      ]}
      datePublished="2015-02-05T08:00:00+08:00"
      dateModified="2015-02-05T09:00:00+08:00"
      authorName="Jane Blogs"
      description="This is a mighty good description of this blog."
    />
  </>
);

export default Article;

Here’s the output for the above example:

Final Output For Default Seo Export

Conclusion

SEO is essential for web pages that need to be discovered organically. To have high page rankings, sites need to be organized so that they can be easily crawled by search engines.

Next SEO makes the management of search engine optimization in Next.js projects very simple and is easy to implement — it helps devs add SEO properties efficiently without missing any important meta tags, while avoiding the occurrence of duplicates.

You can find other properties and examples in the official docs.

Let me know of your own experiences using Next SEO in the comments below and thanks for reading!

Original article source at https://blog.logrocket.com

#nextjs #seo 

Manage Search Engine Optimization in Next.js App with Next SEO
Amos  Riva

Amos Riva

1672365512

Learn Digital Marketing - Full Course for Beginners

Digital Marketing Full Course For Beginners | Digital Marketing Complete Course 

In this digital marketing course, we'll talk about digital marketing, SEO, and its various concepts, social media marketing, Facebook ads, Instagram marketing, YouTube ads, content marketing, email marketing, affiliate marketing, and much more!

#digitalmarketing #marketing #seo

Learn Digital Marketing - Full Course for Beginners

Jeevi Academy

1672143538

7 Best Chrome Extensions for UI/UX Designers | Jeevisoft |

#chromeextension #chrome #extension #ux #uxbook #contentmarketing #design #principles #gooddesign ##ui #userinterface #services #academy #userflow #userjourney #devops #automation #designer #gestalt #ux #designer #skills #interviewquestions #aws #docker#interviewquestions #interview #aws #scenario #cheatsheet #solutionarchitect #azure #ansibleinterview #questions #Devops #interview #guideline #Terraform #cheatsheet #interview #steps #localbusiness #business #videocreating #containor #devops #interview #opportunities #findabestway #certification #top #digitalmarketing #seo #mail #ppc #socialmediamarketing #shorts #technology #frontend #developer #youtube#programming #learn #tech #technology #trending #beginners #worldnews #creative #knowledge #academy #shorts #youtubeshorts #youtube #aws #docker #ui #website #webdesign #development #developer 

7 Best Chrome Extensions for UI/UX Designers | Jeevisoft |
Sheldon  Grant

Sheldon Grant

1672042387

SEO Guide for Beginners: What is SEO?

What is SEO - intro

When you start an online business, blog about your hobby, or job as an online marketer, you are probably interested in getting more knowledge about getting more good quality traffic for a longer time, without spending tons of money for pay-per-click campaigns.

Online marketing is huge, and it gives a massive amount of possibilities to display your product, service, or content to the world. There are many different branches and digital marketing methods that can be used to grab traffic and get clients. It’s possible to use influencer marketing, email marketing, content marketing, or even paid campaigns. But the most desired traffic is organic traffic from search engines.

Why?

In this article, I’ll explain to you what SEO is, why it’s so important for your online business, blog, or in your job as an online marketing specialist.

For those who prefer watching content, feel free to join our Youtube channel, where we always create a video version of (almost) every article.

Let’s get into SEO!

What is SEO?

SEO stands for search engine optimization, and it’s the process of optimizing your blog or website to rank higher in search engines like Google, Bing, Yahoo, or any other. When your page ranks higher, they are visibly higher in the SERPs (Search Engine Results Pages), leading to a big amount of organic traffic on the website. 

If you try to sell a product or a service or simply have a blog where you share some knowledge, you want people to see it, read it, and engage with your content. Getting traffic helps you to generate leads and earn money or monetize your content.

SEO is a perfect way to find good quality leads, and it’s relatively cheap. It also lasts longer than PPC campaigns. It’s the first and most important strategy for many companies to rank high on the search engine’s results page because it allows them to get leads that are already interested in something related to their product or service.  Organic traffic that you get from the search engine results page is not paid, like the ads placed above the search results. You can see the difference in the image below.

Paid vs organic traffic

Search engine optimization consists of three different elements: 
- on-page SEO
- off-page SEO
- technical SEO

And you need to take care of all three of them to get high ranks on the search engine results page. 

In the next parts of the article, I’ll explain to you what those three ingredients of SEO are, so you know what you need to do to achieve the best results in all of them.

Right now, let me tell you how does SEO works because this will help you learn what you need to do to get more from your SEO strategy. 

How does SEO works?

Everyone uses search engines like Google or Bing, but do we ever wonder how it works to see the links in a particular order, and almost every time, the first page can answer our questions or give us enough information?

Let me explain what happens when you enter the query into the search bar.

Search engines have crawlers, which are kind of bots that go through the internet and gather information on different pages and index them. Then that information is processed by different algorithms, which check if content responds to your query.

There are several different factors that algorithms take into consideration when looking for the best answer, such as domain authority, amount of links that lead to the website, amount of outgoing links, content quality, loading speed, social metrics, proper keywords usage, adaptation to mobile devices and some more.

Those factors change depending on the algorithm updates because developers are still working to provide users the best experience and the best results. That’s why even if your website already has a great position on the search engine results page, it can change while algorithms change happens.

Thus, it’s important to constantly be fresh with the algorithms updates and optimize your websites to search engines to not lose your traffic.

I hope this explanation gave you a better overview of what happens in the background of search engines. Now you can understand that SEO is optimization, which will make your website fulfill all important factors that algorithms consider.

Right now, I’d like to tell you why SEO is so important and why it’s a good idea to dive deeper into these ways of marketing.

Why SEO is important?

As I already mention, no matter if you are a blogger, you have an online business, or you are working as an online marketer, you need traffic.

SEO makes your website more visible, and being more visible on the search engine results page means more leads that you can change into paying clients. This is why people appreciate SEO so much, and everyone would like to rank in the first 10 results.

Comparing to pay-per-click campaigns, SEO is much cheaper in the long term because you are losing all the money after the clicks. If your campaign isn’t good, it can cost you a lot, and the results would be poor.

With SEO, you are performing your website optimization for a longer time, and if the competition doesn’t try to get over you, or the algorithms won’t change significantly, your position will be saved, changing just a little bit, or not changing at all.

SEO is the marketing technique which if done correctly, will pay you off for a long time.

Right now, let’s focus on three important aspects of SEO.

On page SEO

On-page SEO covers the activities that are taken on your website to optimize it for search engines. 

When you think about on-page SEO is about:
- optimizing the content with good keywords research, including graphics or videos,
- optimizing meta tags, 
- internal linking,
- website performance optimization,
- user experience (UX) optimization.

Right now, search engine algorithms are getting smarter and smarter, so it’s not enough to provide the content with the keyword everywhere. The content needs to be of good quality and respond to the query in the most user-friendly way. 

For example, if the content is easier to explain with images, like, for example, how to make a specific node, then search engines will more often select content with images or videos as better results. 

The other very important part of the SEO optimization on your page is optimizing meta tags, which can be done using tools like the Yoast SEO plugin for WordPress.

Besides the UX and content, it’s also very important to optimize your website’s technical aspects, and about this, let’s talk in the next paragraph.

Technical SEO

As I already mentioned above, your website’s technical aspect is crucial in your search engine optimization. 

Algorithms take care of mobile-friendliness, page speed, or internal linking, so crawlers can easily navigate your website.

Since 2019, the most popular research engine, Google pays attention to mobile-friendly websites. The crawlers go through the mobile version of the website or blog first and start indexing there. That’s why it’s so important that the mobile version of your page works good, and loads fast enough. There is even Google’s solution to help with this optimization, and it’s a framework call AMP.

Another thing important during technical optimization is page speed. Your website needs to load in proper time. You can check if that’s all right by Google PageSpeed Insights, then you’ll find out what you need to fix. 

Here, you can check a few tips from us about page speed.

It’s also important to use proper headers for the headlines, like H1, H2, or H3, and add meta tags for every page. If we are talking about meta tags, it’s also necessary to remember about alt tags for the images. 

The next thing you can do from the technical perspective to display high in the search result is to provide content that can be feature snippets. Those can be lists, tabes, or paragraphs answering the question immediately. 

It’s also good to add the sitemap to your website, which will help crawlers crawl your page, especially if the website is big and has lots of internal links.

Off page SEO

Off-page SEO is the third aspect of SEO that you need to rank higher on the search engine results pages. The main idea behind the off-page SEO is all you can’t do on your website, and it doesn’t depend straight on you, like getting good quality backlinks. Backlinks are the links that link to your website, and they show the search engine that your page is valuable and has the authority. Getting backlinks to happen during the process called link building, and about this, we will talk in the next section.

There are also some other aspects of off-page SEO that are not related to links, like social media marketing. Search engine robots can check how engaging your content is for your social media audience and is shareable. The more shares and engagement it has, the better is its quality according to the search engines.

Besides social media, influencer marketing can help with off-page SEO as well.

What also counts is brand mentions. Even if it’s not linked, it means that your brand is valuable for people, and they talk about it, so it may be worth being shown.

Let’s now focus a little bit more on link building!

Link building in SEO

As I’ve already mentioned in the previous paragraph, link building is the process of gathering good quality backlinks.

Link building can involve different techniques, and for example, you can get links to your website with guest posts, but you need to agree with the platform owner if you can put the link to your website in the guest post.

The other method can be interacting with website owners who have broken links on the page which can be changed for your link.

Gathering good-quality links to your website allows you to grow your domain’s authority, which will help you to rank higher.

What are SEO keywords?

When talking about SEO, you probably often hear about keywords or keyword research, but what’s that actually about?

Keywords are those phrases that people are typing or dictate for the search box to find some information about or get the answers.

For example, if one looks for a pancakes recipe and types into the search box „how to do pancakes,” and this phrase is a keyword.

A keyword can be short and long, and it doesn’t have to be a question, it can be just one word like „pancakes”, but it can also be „the best pancakes with chocolate and cream in London”.

It’s important to select your keywords wisely and do good research to find out what your audience can search for. But it’s not the only thing you need to check, as if there are already one billion pancake recipes, it can be difficult to become visible.

To do the proper keyword research, you can use free Google tools, like Google Trends or Google Keywords Planner.

SEO audit

To start optimizing your website for search engines, you need to know what is wrong and what can be improved. To find out that, you need to conduct an SEO audit for your website.

This kind of audit should go through your website and check it on different levels for big bugs, which are necessary to fix to rank better, like loading speed. It should then show you fewer major bugs which are easy to fix. The next thing that audit should check is an analysis of your organic traffic to find opportunities in your content, which means that sometimes a piece of content can be improved, and the position would be much better.

The next point that an SEO audit should go through is the backlinks analysis, and the last thing is a content audit.

You can do an audit like this by yourself according to the list you prepare or using any of the available tools to help you with this.

What is SEO - summary

In this article, you found out what SEO is and how important it is for your digital marketing strategy those days. SEO helps you to get good quality organic traffic, and it costs almost nothing, considering its long-term validity.

To make a good search engine optimization for your website on your own, you need to have web development and copywriting basic skills. It will help you to avoid the additional cost of hiring a freelancer for some tech and content jobs.

If you decide to go with an SEO strategy for your website or your client’s website, you need to start from an SEO audit to find out what’s actually needs to be improved.

It’s worth remembering that your search engine optimization results will be visible after some time because bots need to index your page after changes. It could be about one month or maybe more. You can track your ranks progress using Google Search Console.

I hope this article helped you understand what SEO is, why it’s worth considering it as your marketing strategy, and how useful it is to know SEO.

Original article source at: https://www.blog.duomly.com/

#seo #beginners 

SEO Guide for Beginners: What is SEO?
Zac Efron

Zac Efron

1671799168

California’s Best SEO Services Company 2022

SEO is the best way to improve your site’s visibility and attract new customers. But there are many aspects to take into account. What are the most important ones?

ESP Inspire

Whether your business is local or national, ESP Inspire offers the SEO services you need. They have a team of specialists that can create a custom marketing strategy for your business, they also provide paid media and affiliate marketing services. They also have a team of analysts working with retail and business services clients.

The SEO company in California has been helping businesses of all sizes for over 20 years. They use efficient SEO techniques to improve the traffic to their client’s sites.

ESP Inspire offer PPC, SEO, paid media, and affiliate marketing services. They also have a team of analysts that can create a customer relationship management system to help your business, and they also have a team of web developers who can create a custom website design. The company has experience with Drupal, Magento, and Shopify. They also offer keyword research and keyword mapping. The company also has a team of specialists who can assist you with SEO audits and technical SEO. They also provide content marketing, social media management, email marketing, and eCommerce.

They also have a team of specialists who can help you with Google Ads and Facebook ads. ESP Inspire have more than a hundred people in their California offices. They offer several plans for both large and small businesses.

ESP Inspire has also recognized as a top SEO company in 2022. They specialize in Amazon SEO and have worked with Jaguar and Land Rover. They also have a team of marketers who can create positive customer experiences.

GoSite

Choosing the best SEO services company in California is easier than it once was. California has plenty of viable SEO companies to choose from, with many of them located in the state’s two largest cities: San Diego and Los Angeles.

One of the best SEO companies in California is SmartSite. It offers SEO services, web design, and PPC management services. Its team has years of experience in managing local SEO campaigns. It also has an extensive database of satisfied clients. They are known for using the latest SEO tools and techniques and their services to gain a competitive advantage over their local competition.

Another best SEO company is Omni Digital Agency. Its services range from small business websites to large organizations. They are also a HubSpot Diamond Partner, and they specialize in B2C businesses and generate almost all their revenue on a retainer basis. They have offices in Atlanta, Los Angeles, and San Diego.

It’s not private that the internet has changed our business. Having a good website is becoming a requirement for business growth. It’s important to remember that consumers often select the website they want to visit rather than searching for it. SEO experts can help you decide what website is right for your business.

One of the great SEO companies in Los Angeles is Key Marketing. They have been around since 2007 and have developed their impressive web and mobile applications line. GoSite has also won a few awards for its efforts. They are known for their excellent content marketing, on-page SEO, and conversion rate optimization.

Coalition Technologies

Founded in 2009, Coalition Technologies is an SEO and digital marketing agency in Los Angeles, California. They offer a range of online marketing services to small businesses. These services include SEO, PPC, branding, social media, and video marketing.

The SEO team at Coalition specializes in integrating content marketing, social media, and SEM. They also offer visual design, web design, and email marketing.

Coalition Technologies use its expertise to provide clients with the most effective SEO practices. They even have their proprietary in-house software. This software helps the team manage their clients’ SEO and PPC campaigns. They also offer analytics consulting and a variety of vital support services.

They’ve also worked with hundreds of clients over the years. Some of their best work includes generating over $2.5 million in revenue in just one year.

The company also has a stellar reputation for customer service. They offer various vital support services, and the team is well-versed in Magento and WordPress.

They also offer some packages, including a profit-sharing bonus plan. This allows them to share up to 50% of the company’s profits with their full-time employees. They also offer medical insurance, dental insurance, and life insurance.

The team is also well-versed in online review services and social media. They’ve also worked with some of the best software companies in the industry. They frequently provide design and development on WordPress and WooCommerce.

Ignite Visibility

Among the many California SEO companies, Ignite Visibility is a digital marketing agency with an impressive list of services. It provides various services, from keyword research to social media management.

Founded in 2013, Ignite Visibility has an extensive list of clients from big and small companies. The company’s CEO, John Lincoln, has a background in marketing and has performed with some of the enormous names in the industry. Besides SEO, Ignite Visibility offers other services, such as pay-per-click advertising, Amazon marketing, conversion rate optimization, and analytics.

Ignite Visibility has worked with major clients such as The Knot, 5 Hour Energy, and Tony Robbins. The agency is known for its expertise in digital marketing and has been named the best SEO services in California many times.

Ignite Visibility offers a comprehensive set of services that include search engine optimization (SEO), social media management (SMM), pay-per-click advertising (PPC), analytics, and conversion rate optimization (CRO). Unlike other companies, Ignite Visibility does not lock clients into long-term contracts. Instead, the company strives to deliver results and explains how its campaigns work.

The agency is also known for its impressive customer service, given that it is a digital marketing company. They have an excellent team of experts that work with the latest technology and social media platforms. Moreover, Ignite Visibility’s customers are consistently praised for their results.

Wpromote

Founded in 2001 by Internet pioneer and Dartmouth College student Michael Mothner, Wpromote is one of the US’s largest independent digital marketing agencies. With over four hundred digital marketers and eight nationwide offices, Wpromote offers a wide range of SEO, paid search, email marketing, and social media services. They work with brands like Marriott, Forever 21, Scion, Dickies, and more.

Wpromote has been named Company of the Year by Search Engine Land. Wpromote also received the Digital Innovation Agency of the Year award from Campaign. With a unique Challenger mentality, Wpromote aims to transform how clients approach digital marketing. They offer a complete funnel strategy that drives a company’s growth.

Wpromote’s main goal is to provide clients with an unrivaled experience in search marketing. They focus on in-depth audits, analytics, and other strategies to ensure that the company’s marketing campaigns deliver. In addition, Wpromote uses paid search and media to maximize ROI and provide the best results for clients.

Wpromote’s SEO strategy focuses on getting clients ranked high in search engines. They also offer various services, including email marketing, display advertising, and more. They also provide a free SEO company vetting checklist to help prospective clients choose a company that fits their needs.

Wpromote has over eight hundred followers on Facebook and over eleven thousand followers on Twitter. They also appear to be active on LinkedIn. They post daily on both platforms.

Techeffex

Using the latest in SEO and digital marketing technology, Techeffex redesigned the site to boost Visibility and boost conversion rates. While the company specializes in SEO services, they also have a knack for developing custom software. Their services include search engine optimization, social media management, and bespoke WordPress development. In addition to their high-tech offerings, they boast a seasoned marketing gurus team.

One of their clients, Pellenc USA, is a manufacturer of high-end wine accessories, including the aptly named Pellenc swivel, a bottle opener. While Techeffex did a great job on the technical front, the company also got creative with its marketing by enlisting the help of a language translation agency. This was the best way to convey their message in a sexy fashion. The result was a website with a slick user interface and a highly functional product suite. One of the more exciting aspects of the project was the language translation, and the resulting website was a hit with the discerning consumer. Techeffex has been doing business in California since 2003. They provide a whole gamut of web services, from bespoke WordPress development to custom software development. While they may not be the best SEO firm, they are certainly the best SEO company in the area. Having a small SEO team, they can handle all facets of the SEO puzzle with efficiency and speed.

#seo #local #localseo #digitalmarketing #internetmarketingservices #onlinemarketing 

California’s Best SEO Services Company 2022
Gordon  Matlala

Gordon Matlala

1671215520

Best 8 Simple Steps to Complete a Technical SEO Audit

A technical SEO audit helps teams understand behind-the-scenes issues that affect search engine rankings like site speed, indexing, and backlinks. It’s important that SEO specialists have a full view of all of the elements that affect page rankings so that teams can take the best course of action to improve their positions.

Conducting daily technical SEO audits is crucial for building a great SEO strategy. But if you’re still starting out, beginning work with a new firm, or want to learn how to complete a technical SEO audit, it can be overwhelming.

In this article, we’ll go over eight steps to help you complete a technical SEO audit, increase web traffic to your web pages, and build your confidence as an SEO specialist.

What Is a Technical SEO Audit?

What most people think of as SEO is what specialists refer to as on-page SEO. This is where a professional optimizes the content that appears on a website so that it appears to the right audiences organically.

Technical SEO is not about the content that appears on a website but how users and search bots navigate through each page. A technical SEO audit is when specialists use a checklist of behind-the-scenes technical elements to review and improve to increase page rankings in search engines.

What’s involved in a technical SEO audit

When SEO specialists perform a technical SEO audit, they check a series of factors that impact a website’s speed, performance, and usability, and they take action towards optimizing web pages. Regular, sometimes daily technical SEO audits can help specialists learn about technical issues they might not know about.

A technical SEO Venn diagram showing technical, on-page and off-page factors and where they intersect

Image source: WordStream

SEO specialists and marketing teams use tools such as Google Search Console, Google PageSpeed Insights, web crawlers, mobile crawlers, and indexing tools, to optimize their web pages and improve search engine rankings through technical SEO audits.

When you should complete a technical SEO audit

It’s important to complete technical SEO audits regularly. Some businesses use technical SEO to help improve cash flow via web traffic and conversions, so daily audits are a must. But for blogs and personal websites, weekly or monthly SEO audits should suffice.

Besides regular maintenance, you should always complete a technical SEO audit when moving to a new site, start freelancing for a new client, or when you first get hired at a firm. And of course, technical SEO audits also come in handy during periods where your rankings are stagnant or in decline.

What you need to do before conducting a technical SEO audit

Before you conduct a technical SEO audit, there are a few things you need to do:

  1. Find out what your client’s goals are. Do they want to improve SEO, make web pages easier for users to navigate, or optimize their site’s performance?
  2. Get access to their tools and analytics. To perform a technical SEO audit, you’ll need to be able to access things like the site’s Google console, performance monitoring analytics, and anything else you need to meet your client’s expectations.
  3. Sign a written agreement. Whether you’re contracted for one job or ongoing work, it’s important to have a written agreement explaining what you’re going to do and how you’ll do it. You’ll also need liability disclaimers and a list of responsibilities so that you aren’t held accountable for things outside your control.

Having all of this information beforehand is important so you can prepare for the work. For example, if you were working for a SaaS company, you might be hired to perform a technical SEO audit on certain specialized landing pages based on their industry and business type so that they appear in front of the right people according to their previous searches and user behavior.

A diagram showing all the factors involved in an SEO audit

Image source: Search Engine Land

But if you were working for a retail company, your job might be to ensure that pages load fast, that there are no image issues, and that all of your 4xx links redirect to the correct locations.

A Step-by-step Guide to Completing a Technical SEO Audit

Let’s go through each of the eight steps that will help you complete a technical SEO audit successfully.

1. Crawl your website

Use a tool that scans your website to check how many URLs there are, how many are indexable, and how many have issues, including any problems hindering your site’s performance.

Computer screen showing a performance audit

Image source: Deepcrawl

For Wix users, Deepcrawl is the top tool that professionals trust, but most people start out using Google Search Console:

  1. Decide which sitemap format you want to use: XML, RSS, mRSS, Atom 1.0, or Text.
  2. Create the sitemap either manually or automatically with a sitemap generator.
  3. Add your sitemap to your robots.txt file, or submit it to Google through the Search Console.

2. Spot indexing issues

If the website has pages that Google can’t crawl, it may not be indexed properly. Here are some common indexing issues to look for:

  • indexation errors
  • robots.txt errors
  • sitemap issues

The easiest way to check your site indexation is to use the Coverage Report in Google Search Console. It will tell you which pages are indexed and why others are excluded so you can fix them. You may need to optimize your crawl budget to ensure that your pages are indexed regularly.

3. Check technical on-page elements

Although on-page elements are often left out of a technical SEO audit, attending to them is considered basic housekeeping that needs to be addressed. Here’s a list of on-page elements to review during a technical SEO audit:

  • page titles and title tags
  • meta descriptions
  • canonical tags
  • hreflang tags
  • schema markup

4. Identify image problems

Image optimization is another often-overlooked aspect that’s crucial to technical SEO audits. Ensuring images have no errors can help a site’s ranking in many ways, including improved loading speeds, increasing traffic from Google Images, and improved accessibility.

Be sure to identify technical image problems such as:

  • broken images
  • image file size too large
  • HTTPS page links to HTTP image
  • missing alt text

5. Analyze internal links

Next, it’s important to analyze internal links. Identify 4xx status codes that need to be redirected. If there are any orphan pages with no internal links leading to them, identify and address them.

6. Check external links

Next, move on to the external links. External links are important because they make a website more credible to users and search engines. Ensure all backlinks are active and don’t lead to broken pages, and check to see that all pages have outgoing links.

7. Measure site speed and performance

Google Search gives better ranking positions to websites with good performance and fast loading times.

A screenshot op Google's PageSpeed tool

Image source: PageSpeed

Here’s how to use Google PageSpeed Insights to check on a site’s performance:

  • Go to the Google PageSpeed Insights page.
  • Input your web page URL into the box.
  • Click analyze and view your results.

This tool will provide you with an overall score, field data, suggestions, and other diagnostic information that can help improve your page speed.

8. Ensure your site is mobile-friendly

Finally, ensure that the site you’re auditing is mobile-friendly, responsive, and compatible with different browsers. Google favors responsive web pages that load easily and are easy to view regardless of the user’s device.

Here’s an example of how CryptoWallet.com uses mobile and web-friendly design:

CryptoWallet web view

Web view

CryptoWallet mobile view

Mobile scrolling view

It’s easy to check the responsiveness of a website with a tool like Responsive Web Design Checker or with these steps in Google Chrome:

  • Open the web page in Google Chrome.
  • Right-click to open the menu and select Inspect.
  • Click on the Toggle device toolbar to see how the website looks on screen and mobile.

Wrapping Up

Technical SEO audits help optimize websites so that they’re easier for users and for indexing bots to understand. Conducting a technical SEO audit involves a lot of elements, but this eight-step process can help streamline your workflow so that you don’t miss a thing.

Original article source at: https://www.sitepoint.com/

#seo #steps #audit 

Best 8 Simple Steps to Complete a Technical SEO Audit
Zac Efron

Zac Efron

1670840639

Beginner's Guide to Local Online Marketing

Building your local online marketing strategies is vital to get more customers and making your brand more trustworthy. If you're starting a business or have an established one, you need the plan to help local customers find you on the web.

When it comes to promoting a local company, online and social media efforts are crucial. About 70% of shoppers say that looking up a business online affects whether or not they go to the store.

So, in this blog post from ESP Inspire, a social media scheduler, we'll go over 13 ideas and strategies for local online marketing that you can use for your business.

13 Online Marketing Strategies for Local Businesses to Boost Their Brand

  1. Optimize your GMB listing for search
  2. Run Google ads
  3. Post on your GMB account regularly
  4. Build custom landing pages for every ad campaign
  5. Leverage call-only ads to generate leads
  6. Get more 5-star reviews
  7. Maintain your directory listings
  8. Invest in your website
  9. Create a blog
  10. Focus on local SEO
  11. Create a loyalty program
  12. Promote your business on social media
  13. Run contests and giveaways

Let's go through them in detail one by one.

To help you become a marketing unicorn, here are 13 effective methods of promoting your business locally on the web.

Optimize your GMB listing for search

Your local business's main home is its Google My Business listing. Information about your company and what customers may expect when they visit your store is sent to the public. If you want customers in your area to be able to find you, you need to be on Google Maps and in the local results section of Google Search. Making sure your Google My Business information is up to date should be a top priority.

After you've checked, here's what you need to change: Business name, contact number, complete address, business description, business category, custom short name, photos of the store, hours of operation, and details about products and services.

Run Google ads

You can reach potential customers in your area using Pay per click ads on Google. It will boost your SEO work. You can use Google AdWords to ensure that your ad appears at the top of relevant search results. These ads will help you get in front of people actively looking for a business like yours.

Google ads help bring people to websites and stores. Your business will get two major benefits: more people will know about your brand and recognize it, leading to more leads.

Post on your GMB accounts regularly.

GMB posts can help your listing get a lot of attention. Since a post is only good for seven days, you should post at least once or twice a week. You can talk about your products, a sale, an event coming up, or anything else that has to do with your brand. A social media scheduling tool can help you share posts more often if you find it hard to do so on your own.

Many options exist, but only some let you schedule Google my business posts. Recur post is a tool that enables you to schedule Google My Business posts. You can easily make content for a month's worth of posts with it.

It lets you create and schedule posts in bulk on social media and simultaneously add a call to action. It also has a social inbox where you can read and respond to GMB reviews without leaving the platform. On GMB, you can post many different kinds of things.

Build custom landing pages for every ad campaign

Many local businesses waste money because they need to track conversions or build local landing pages. Each of your Google Ads campaigns should have a simple flow chart if at all possible:

Click Ad > Go to Relevant Landing Page > Convert

A landing page requires some careful consideration. Include only one clear call to action and an image of a hero that shows your value proposition. Make sure you answer your audience's most important questions so they can feel comfortable moving forward. Make sure your phone number can be called by clicking on it, and keep testing your landing pages to ensure they work well.

Leverage call-only ads to generate leads

Call-only ads could save your life if your business depends mostly on phone calls to bring in customers. They are also a good choice if you prefer to avoid landing pages.

When you choose "call-only" ads, you don't have to make a landing page or a sales funnel. Leads will contact you directly at the business number to discuss their needs.

So, you can advertise directly to your customers without spending money and time making custom landing pages. This local online marketing method has only one drawback: not all of the calls you get will be good ones. You can contact ESP Inspire to find good online marketing companies.

Get more 5-star reviews.

When people look for a local business online, they first consider what others have said about it. Local patrons are looking to do business with reputable organizations. You can show this with good reviews and testimonials.

But never pay for fake reviews because they will always be wrong. Also, only ask customers directly for reviews because it might make them mad. Ask your current customers to tell other people what they think about your business. This makes customers more likely to write reviews without asking them to on a specific site.

If someone has had a terrible experience with your services, reach out to them and see what you can do to satisfy them. Customers will feel more comfortable doing business with you after this and may return to you.

Maintain your directory listings

People can find and learn about businesses in a certain area using online review sites and local business directories like Yelp, Merchant Circle, and Google My Business. You can sit back and relax once your directory listings are set up. Well, not quite.

You'll need to update your listing if anything about your business changes, even if it's just a suite number. If people get wrong or old information about your business, they won't be able to do business with you and may even stop trusting you. It's also important to keep an eye on your listings so you can respond to customer comments and reviews.

Invest in your website

Your website is the center of your online marketing campaign for your local business. When you run ads or work on your listings, you want people to go to your website and contact you; how your site looks will affect how people see your business when they visit it. If the user experience is good, the conversion rate will be higher. And a good UI makes the user's experience easy and clear. Designing mockups is an important part of making a good user interface (UI), but before you start, you should check out some tips for designing UI mockups.

You want people to have an excellent first thought of your business. People can choose to stay on your page or go to another nearby store to shop based on how it looks. Ensure that your site's design makes it easy for people to use. Your design should be easy to understand and give your audience a good time.

Create a blog

Building a website for your business should be the first thing you do online. After that, you should start a blog for it and share it on any social media site, especially on Pinterest for Business. It can be a big part of how people find your site through search engines. Through your blog, you can give people helpful information and build the credibility of your brand.

It is a great way to show off your expertise in your field and get more people to know about your brand. Try to add in-depth blogs that are interesting and full of helpful information.

Focus on local SEO

Some of the most advanced local online marketing campaigns use the web to get people to visit your store or other physical location. You can also use the web to order takeout or shop online.

People are looking for services and products in your area looking for them on the internet and on their phones. You want it to be easy for them to find your business. GMB listing is a good start, but local SEO is more helpful.

Ensure that your GMB listing and website pages are optimized to show up high in search results. If you have good content on your website, local newspaper websites, blogs, and even social media sites may link to it and send people there.

Create a loyalty program

Every customer likes to know they're important. A customer loyalty program rewards people who buy things or do other things on your website. Printing loyalty cards and giving them to customers is an old-fashioned way to do business. Then, use a hole punch with a unique shape to keep track of how many items were bought.

For instance, if a customer buys 10 cups of coffee at your cafe, the 11th one is free. Or someone who comes to your barbershop more than once gets a free haircut. Launching a loyalty app for mobile devices can also market your store as high-tech. When customers do things through the app, they get rewards.

Promote your business on social media

If you do it right, social media marketing certification courses can do great things for the visibility of your local business. The trick is to focus on people in your area. Instagram, Facebook, LinkedIn, and Twitter have hundreds of millions of active users every month, so there are many chances to get your brand known.

Make sure you have a presence on all the major social media sites because you need to be where your audience is. Use a social media scheduler to post on all platforms simultaneously. You can post to several social media sites with ESP Inspire, saving you a lot of time.

Using it, you can ensure that your GMB listing and other social profiles are still up and running. It lets you promote your content on other sites, which helps bring people from other sites to your website.

Run contests and giveaways

People have always liked getting things for free, and they always will. So, a contest or giveaway is a great way to get people in your area to come to your business. You could tell people about it on social media, through email, your website, or even in a local newspaper or radio.

You could make people pick up or redeem their prizes in the store to get them to come in. For example, you could say, "The first [number] of customers who come in today will get [product or service] for free!"

Final thoughts on Online Marketing Strategy for Local Business

Local online marketing ideas are good for your business because they help you find people interested in your products or services. Just keep doing what you're doing and use the strategies above. You could also hold a video marketing contest to see if your local online marketing has reached people.

Frequently Asked Questions

What is a local marketing strategy?

Local marketing is how a business uses the Internet to promote its products or services to people in the same area. It's a way for businesses with a storefront in the area, like restaurants, bars, spas, medical offices, etc., to market themselves.

What is location-based online advertising?

Using location-based marketing, businesses can send online or offline messages to specific customers based on where they are. Using location data, marketing teams can reach out to people based on their proximity to a store, what's happening in their area, and more. If it's used right, it can help marketers target specific groups of customers with specific offers, which can improve the customer experience.

How to advertise a small business locally?

Here are 10 ways to get the word out about your small business in your area:

  1. Keep your GMB listing up to date.
  2. Work on SEO and SEM. 
  3. Promote your business on social media. 
  4. Sign up for local listings and directories. 
  5. Start a blog. 
  6. Invest in email marketing. 
  7. Collaborate with influencers. 
  8. Send out brochures and flyers. 
  9. Give out business cards. 
  10. Work with local groups and sponsor events.

How do I do local digital marketing?

Here are some tips for digital marketing in your area:

  • Make sure your website is mobile-friendly. 
  • Make sure your site is optimized for local search. 
  • Make sure your GMB listing has the correct contact information.
  • Post regularly on major social media platforms.
  • Run Google ads. 
  • Post often on your GMB account. 
  • Build custom landing pages for each ad campaign.
  • Use call-only ads to generate leads.

Get more 5-star reviews.

Keep your directory listings up-to-date.

How do you target local customers?

Here are some ways to build your business and market it to local customers:

  • Send your business profile to well-known search engines, especially Google My Business.
  • Use keywords related to your location in the content of your website.
  • Make your promotions just for the people in your area.
  • Place ads on the websites of local newspapers.
  • Run targeted ads on Google and social media.

#internetmarketingservices #onlinemarketing #localmarketing #localseo #seo #digitalmarketing #socialmedia #socialmediamarketing 

Beginner's Guide to Local Online Marketing
Bongani  Ngema

Bongani Ngema

1670620140

Best Practices - React SEO Strategies

While React is often lauded for making front-end development more efficient, this popular library can be problematic for search engines. In this article, Toptal data visualization engineer Vineet Markan examines why React is challenging for SEO and outlines what software engineers can do to improve the search rankings of React websites.

React was developed to create interactive UIs that are declarative, modular, and cross-platform. Today, it is one of the more popular—if not the most popular—JavaScript frameworks for writing performant front-end applications. Initially developed to write Single Page Applications (SPAs), React is now used to create full-fledged websites and mobile applications. However, the same factors and features that led to its popularity are causing a number of React SEO challenges.

If you have extensive experience in conventional web development and move to React, you will notice an increasing amount of your HTML and CSS code moving into JavaScript. This is because React doesn’t recommend directly creating or updating UI elements, but instead recommends describing the “state” of the UI. React will then update the DOM to match the state in the most efficient way.

As a result, all the changes to the UI or DOM must be made via React’s engine. Although convenient for developers, this may mean longer load times for users and more work for search engines to find and index the content, causing potential issues for SEO with React webpages.

In this article, we will address challenges faced while building SEO-performant React apps and websites, and we will outline several strategies used to overcome them.

How Google Crawls and Indexes Webpages

Since Google receives over 90% of all online searches it’s worthwhile to take a closer look at its crawling and indexing process.

This snapshot taken from Google’s documentation can help us. (Note: This is a simplified block diagram. The actual Googlebot is far more sophisticated.)

 

A flowchart with six blue rectangles depicting the how a Googlebot indexes a website. The first rectangle is labeled Crawl Queue, which leads to the Crawler rectangle and then the Processing rectangle, at which the process branches. From the Processing rectangle, one branch leads straight to the Index rectangle at the end of the diagram, while another one leads to Render Queue and Renderer rectangles before being sent back to the Processing step.

Diagram of Googlebot indexing a website.

 

Google Indexing Steps:

  1. Googlebot maintains a crawl queue containing all the URLs it needs to crawl and index in the future.
  2. When the crawler is idle, it picks up the next URL in the queue, makes a request, and fetches the HTML.
  3. After parsing the HTML, Googlebot determines if it needs to fetch and execute JavaScript to render the content. If yes, the URL is added to a render queue.
  4. Later, the renderer fetches and executes JavaScript to render the page and sends the rendered HTML back to the processing unit.
  5. The processing unit extracts all the URLs’ <a> tags mentioned on the webpage and adds them back to the crawl queue.
  6. The content is added to Google’s index.

Notice that there is a clear distinction between the Processing stage that parses HTML and the Renderer stage that executes JavaScript. This distinction exists because executing JavaScript is expensive, given that Googlebots need to look at more than 130 trillion webpages. So when Googlebot crawls a webpage, it parses the HTML immediately and then queues the JavaScript to run later. Google’s documentation mentions that a page stays in the render queue for a few seconds, though it may be longer.

It is also worth mentioning the concept of crawl budget. Google’s crawling is limited by bandwidth, time, and availability of Googlebot instances. It allocates a specific budget or resources to index each website. If you are building a large content-heavy website with thousands of pages (e.g., an e-commerce website), and these pages use a lot of JavaScript to render the content, Google may not be able to read as much content from your website.

Note: You can read Google’s guidelines for managing your crawl budget here.

Why React SEO Remains Challenging

This brief overview of Googlebot’s crawling and indexing only scratches the surface. Software engineers should identify the potential issues faced by search engines trying to crawl and index React pages.

Here is a closer look at what makes React SEO challenging and what developers can do to address and overcome some of these challenges.

Empty First-pass Content

We know React applications rely heavily on JavaScript and often run into problems with search engines. This is because React employs an app shell model by default. The initial HTML does not contain any meaningful content, and a user or a bot must execute JavaScript to see the page’s actual content.

This approach means that Googlebot detects an empty page during the first pass. The content is seen by Google only when the page is rendered. When dealing with thousands of pages, this will delay the indexing of content.

Load Time and User Experience

Fetching, parsing, and executing JavaScript takes time. JavaScript may also need to make network calls to fetch the content, and the user may need to wait a while before they can view the requested information.

Google has laid out a set of core web vitals related to user experience, used in its ranking criteria. A longer load time may affect the user experience score, prompting Google to rank a site lower.

Page Metadata

Meta <meta> tags are helpful because they allow Google and social media websites to show appropriate titles, thumbnails, and descriptions for pages. But these websites rely on the <head> tag of the fetched webpage to get this information; they do not execute JavaScript for the target page.

React renders all the content, including meta tags, on the client. Since the app shell is the same for the entire website/application, it may be hard to adapt the metadata for individual pages and applications.

Sitemap

A sitemap is a file where you provide information about the pages, videos, and other files on your site and the relationships between them. Search engines like Google read this file to more intelligently crawl your site.

React does not have a built-in way to generate sitemaps. If you are using something like React Router to handle routing, you can find tools that can generate a sitemap, though it may require some effort.

Non-React SEO Considerations

These considerations are related to setting up good SEO practices in general.

  1. Have an optimal URL structure to give humans and search engines a sense of what to expect on the page.
  2. Optimize the robots.txt file to help search bots understand how to crawl pages on your website.
  3. Use a CDN to serve all the static assets like CSS, JS, fonts, etc., and use responsive images to reduce load times.

We can address many of these problems by using server-side rendering (SSR) or pre-rendering. We review these approaches below.

Enter Isomorphic React

The dictionary definition of isomorphic is “corresponding or similar in form.”

In React terms, this means that the server has a similar form to the client. In other words, you can reuse the same React components on the server and client.

This isomorphic approach enables the server to render the React app and send the rendered version to our users and search engines so they can view the content instantly while JavaScript loads and executes in the background.

Frameworks like Next.js or Gatsby have popularized this approach. We should note that isomorphic components can look substantially different from conventional React components. For example, they can include code that runs on the server instead of the client. They can even include API secrets (although server code is stripped out before being sent to the client).

Note that these frameworks abstract away a lot of complexity but also introduce an opinionated way of writing code. We will dig into the performance trade-offs in another section.

We will also do a matrix analysis to understand the relationship between render paths and website performance. But first, let’s review some basics of measuring website performance.

Metrics for Website Performance

Let’s examine some of the factors that search engines use to rank websites.

Apart from answering a user’s query quickly and accurately, Google believes that a good website should have the following attributes:

  • Users should be able to access content without too much waiting time.
  • It should become interactive to a user’s actions early.
  • It should load quickly.
  • It should not fetch unnecessary data or execute expensive code to prevent draining a user’s data or battery.

These features map roughly to the following metrics:

  • Time to First Byte (TTFB): The time between clicking a link and the first bit of content coming in.
  • Largest Contentful Paint (LCP): The time when the requested article becomes visible. Google recommends keeping this value under 2.5 seconds.
  • Time to Interactive (TTI): The time at which a page becomes interactive (a user can scroll, click, etc.).
  • Bundle Size: The total number of bytes downloaded and code executed before the page becomes fully visible and interactive.

We will revisit these metrics to better understand how various rendering paths may affect each one.

Next, let’s understand different render paths available to React developers.

Render Paths

We can render a React application in the browser or on the server and produce varying outputs.

Two functions change significantly between client- and server-side rendered apps: routing and code splitting. We take a closer look at these below.

Client-side Rendering (CSR)

Client-side rendering is the default render path for a React SPA. The server will serve a shell app that contains no content. Once the browser downloads, parses, and executes included JavaScript sources, the HTML content is populated or rendered.

The routing function is handled by the client app by managing the browser history. This means that the same HTML file is served irrespective of which route was requested, and the client updates its view state after it is rendered.

Code splitting is relatively straightforward. You can split your code using dynamic imports or React.lazy. Split it so that only needed dependencies are loaded based on route or user actions.

If the page needs to fetch data from the server to render content—say, a blog title or product description—it can do so only when the relevant components are mounted and rendered.

The user will most likely see a “Loading data” sign or indicator while the website fetches additional data.

Client-side Rendering With Bootstrapped Data (CSRB)

Consider the same scenario as CSR but instead of fetching data after the DOM is rendered, let’s say that the server sent relevant data bootstrapped inside served HTML.

We could include a node that looks something like this:

<script id="data" type="application/json">
      {"title": "My blog title", "comments":["comment 1","comment 2"]}
</script>

And parse it when the component mounts:

var data = JSON.parse(document.getElementById('data').innerHTML);

We just saved ourselves a round trip to the server. We will see the trade-offs in a bit.

Server-side Rendering to Static Content (SSRS)

Imagine a scenario in which we need to generate HTML on the fly.

If we are building an online calculator and the user issues a query of the sort /calculate/34+15 (leaving out URL escaping) we need to process the query, evaluate the result, and respond with generated HTML.

Our generated HTML is quite simple in structure and we don’t need React to manage and manipulate the DOM once the generated HTML is served.

So we are just serving HTML and CSS content. You can use the renderToStaticMarkup method to achieve this.

The routing will be entirely handled by the server as it needs to recompute HTML for each result, although CDN caching can be used to serve responses faster. CSS files can also be cached by the browser for faster subsequent page loads.

Server-side Rendering With Rehydration (SSRH)

Imagine the same scenario as the one described above, but this time we need a fully functional React application on the client.

We are going to perform the first render on the server and send back HTML content along with the JavaScript files. React will rehydrate the server-rendered markup and the application will behave like a CSR application from this point on.

React provides built-in methods to perform these actions.

The first request is handled by the server and subsequent renders are handled by the client. Therefore, such apps are called universal React apps (rendered on both server and client). The code to handle routing may be split (or duplicated) on client and server.

Code splitting is also a bit tricky since ReactDOMServer does not support React.lazy, so you may have to use something like Loadable Components.

It should also be noted that ReactDOMServer only performs a shallow render. In other words, although the render method for your components are invoked, the life-cycle methods like componentDidMount are not called. So you need to refactor your code to provide data to your components using an alternate method.

This is where frameworks like NextJS make an appearance. They mask the complexities associated with routing and code splitting in SSRH and provide a smoother developer experience. This approach yields mixed results when it comes to page performance though.

Pre-rendering to Static Content (PRS)

What if we could render a webpage before a user requests it? This could be done at build time or dynamically when the data changes.

We can then cache the resulting HTML content on a CDN and serve it much faster when a user requests it.

Pre-rendering is the rendering of content before a user request. This approach can be used for blogs and e-commerce applications since their content typically does not depend on data supplied by the user.

Pre-rendering With Rehydration (PRH)

We may want our pre-rendered HTML to be a fully functional React app when a client renders it.

After the first request is served, the application will behave like a standard React app. This mode is similar to SSRH, in terms of routing and code-splitting functions.

Performance Matrix

The moment you have been waiting for has arriv[ed. It’s time for a showdown. Let’s look at how each of these rendering paths affects web performance metrics and determine the winner.

In this matrix, we assign a score to each rendering path based on how well it does in a performance metric.

The score ranges from 1 to 5:

1 = Unsatisfactory 2 = Poor 3 = Moderate 4 = Good 5 = Excellent

 TTFB
Time to first byte
LCP
Largest contentful paint
TTI
Time to interactive
Bundle Size
 
Total
CSR5
HTML can be cached on a CDN
1
Multiple trips to the server to fetch HTML and data
2
Data fetching + JS execution delays
2
All JS dependencies need to be loaded before render
10
CSRB4
HTML can be cached given it does not depend on request data
3
Data is loaded with application
3
JS must be fetched, parsed, and executed before interactive
2
All JS dependencies need to be loaded before render
 
12
SSRS3
HTML is generated on each request and not cached
5
No JS payload or async operations
5
Page is interactive immediately after first paint
 
5
Contains only essential static content
 
18
SSRH3
HTML is generated on each request and not cached
4
First render will be faster because the server rendered the first pass
2
Slower because JS needs to hydrate DOM after first HTML parse + paint
1
Rendered HTML + JS dependencies need to be downloaded
10
PRS5
HTML is cached on a CDN
5
No JS payload or async operations
5
Page is interactive immediately after first paint
5
Contains only essential static content
20
PRH5
HTML is cached on a CDN
 
4
First render will be faster because the server rendered the first pass
2
Slower because JS needs to hydrate DOM after first HTML parse + paint
1
Rendered HTML + JS dependencies need to be downloaded
12

Key Takeaways

Pre-rendering to static content (PRS) leads to highest-performing websites while server-side rendering with hydration (SSRH) or client-side rendering (CSR) may lead to underwhelming results.

It’s also possible to adopt multiple approaches for different parts of the website. For example, these performance metrics may be critical for public-facing webpages so that they can be indexed more efficiently, while they may matter less once a user has logged in and sees private account data.

Each render path has trade-offs depending on where and how you want to process your data. The important thing is that an engineering team is able to clearly see and discuss these trade-offs and choose an architecture that maximizes the happiness of its users.

Additional Resources and Considerations

While I tried to cover the currently popular techniques, this is not an exhaustive analysis. I highly recommend reading this article in which developers from Google discuss other advanced techniques like streaming server rendering, trisomorphic rendering, and dynamic rendering (serving different responses to crawlers and users).

Other factors to consider while building content-heavy websites include the need for a good content management system (CMS) for your authors, and the ability to easily generate/modify social media previews and optimize images for varying screen sizes.

Original article source at: https://www.toptal.com/

#react #seo 

Best Practices - React SEO Strategies

SEO for Beginners - Full Course

This SEO full course for beginners will explain few essential concepts that every SEO enthusiast should be aware of. We will cover all the SEO concepts from basics to advanced.
 

Below are the topics covered in this video:

👉 00:00:00 Introduction
👉 00:05:39 What is SEO
👉 00:18:16 On-Page and Off-Page Elements
👉 00:54:26 Keyword Research
👉 02:31:38 Google Analytics Tool
👉 03:15:20 How to create backlinks to your website
👉 04:13:44 Google Tag Manager
👉 04:49:29 Rank #1 on Google
👉 05:50:41 Rank #1 on Youtube
👉 07:28:28 Increase Website Traffic
👉 08:08:55 Seo Tools Seo Tips and Tricks
👉 09:27:40 SEO Interview questions and answers

❓ What is SEO?

Search Engine Optimization or SEO is the practice of increasing organic traffic on the Search Engine Results Page (SERP). It is also known as organic search or listings. If you want to rank number one for all the keywords, you need to apply SEO to increase your rank.

#seo

SEO for Beginners - Full Course
Rupert  Beatty

Rupert Beatty

1670318100

How to Acing Google's PageSpeed insights Assessment

Page speed is an important ranking attribute for search engines, making performance optimization a prerequisite for successful sites. Here’s how Google PageSpeed Insights can help identify and rectify performance issues.

If you’re a business owner, you’re interested in getting better search rankings for your website. If you’re a developer, you’ll need to cater to the client’s needs and create a site capable of ranking well. Google considers hundreds of characteristics when it determines the order of websites in its Search Engine Ranking Page (SERP).

Page speed was officially cited as an important ranking attribute in mid-2018. In this article, we will explain performance scores that business owners should pay attention to: PageSpeed Insights. We will be going deeper into some technical details that will help software developers make improvements in complicated cases, like those related to single-page applications.

Why Acing Google’s PageSpeed Insights Test Matters

When Google introduced PageSpeed Tools in 2010, most website owners became acquainted with it. Those who haven’t should open PageSpeed Insights to check their sites.

The service provides details on how a website performs both on desktop and mobile browsers. It’s easy to miss the fact that you can switch between them using the Mobile and Desktop tabs at the top of the analysis:

 

A screenshot of Google's PageSpeed Insights showing two tabs centered beneath the search box. They're above two further lines of text, "Discover what your real users are experiencing," and "Learn how your site has performed, based on data from your actual users around the world."

 

Because mobile devices are compact and aim to preserve battery life, their web browsers tend to exhibit lower performance than devices running desktop operating systems, so expect the desktop score to be higher.

Big tech companies won’t score in the red in any area, but smaller sites running on tighter budgets may. Business owners can also run PageSpeed Insights on their competitors’ sites and compare the results with their own to see if they need to invest in improving performance.

What Score Is Sufficient to Pass the PageSpeed Assessment?

PageSpeed uses metrics from Core Web Vitals to provide a pass/fail assessment.

This tool has three scores:

PageSpeed prominently displays the Performance score in a colored circle in the Diagnose Performance Issues section. It’s calculated using PageSpeed’s built-in virtual machines with characteristics matching the average mobile or desktop device. Please bear in mind that this value is for page loading and for PageSpeed’s virtual machine, and is not considered by the Google Search engine.

 

A screenshot of the Diagnose Performance Issues section, displaying a score of 100 in a green circle.

This figure is useful when developers implement changes to a website, as it allows them to check the effect of the changes on performance. However, Google’s search engine considers only the detailed scores.

Detailed scores for a specific page—and for those that PageSpeed considers similar to the page analyzed—are calculated from statistics that Chrome browsers collect on real computers and send to Google. This means performance on Firefox, Safari, and other non-Chromium browsers is not taken into account.

A screenshot showing detailed scores for a specific page under the This URL tab. The screenshot shows a failed Core Web Vitals assessment and the scores for the first contentful paint (FCP), first input delay (FID), largest contentful paint (LCP), and cumulative layout shift (CLS). The CLS score has a red value, while FCP, FID, and LCP are green.

 

The summary for all pages of the website is obtained the same way as the single-page score. To access it, select the Origin tab instead of the This URL tab. The URL listed under the tabs bar will be different, as Origin will display the main page of the site (domain only).

 

A screenshot showing detailed scores for all pages of the website, under the Origin tab. The screenshot shows a failed Core Web Vitals assessment and the scores for the first contentful paint (FCP), first input delay (FID), largest contentful paint (LCP), and cumulative layout shift (CLS). The FCP score is yellow, FID and LCP scores are green, while the CLS score is red.

 

Google constantly updates the list of metrics considered by PageSpeed, so the best source of what is important is the Experience / Core Web Vitals section in Google Search Console, assuming you already added your website there.

To pass the Core Web Vitals Assessment, all the scores must be green:

 

The screenshot shows a passed Core Web Vitals Assessment and the scores for the first contentful paint (FCP), first input delay (FID), largest contentful paint (LCP), and cumulative layout shift (CLS). All four scores have green values.

 

For the values to be green, the page needs to score at least 75% in the test, and many users need to experience equal or better values. The threshold differs for each score and it’s significantly higher for FID.

To better understand the values, click the score title:

 

A screenshot of the First Contentful Paint (FCP) score, with the title highlighted by a red box.

 

This links to a blog post explaining the thresholds for the given category in more detail.

The data is accumulated for 28 days, and there are two other major differences from what real users might be experiencing:

  1. The performance of real devices and internet speeds vary, so this test produces different results from PageSpeed’s virtual machine results.
  2. Detailed ratings are calculated during the entire page life, taking the worst values from each five-second interval the page is open.

If many of a site’s users live in regions with slow internet access and use outdated or underperforming devices, the difference can be surprising. This isn’t one of PageSpeed Insights’ improvement recommendations. At first glance, it’s not obvious how to deal with this issue, but we will try to explain later.

Improving Scores Using PageSpeed Insights Recommendations

The main part of the rating comes from how most users open the page. Despite the fact that not all users visit a website for a long period of time, and most visit a website occasionally, all users are considered in the ratings, so improving page load speeds, which impact everyone, is a good place to start.

We can find recommendations in the Opportunities section below the assessment results.

 

A screenshot of the Opportunities section displays multiple opportunities for improvement, with estimated page load savings in seconds displayed on the right. In our example, we have six recommendations, starting with "Avoid multiple page redirects" with an estimated saving of 1.56 seconds, down to "Avoid serving legacy JavaScript to modern browsers" with an estimated saving of 0.3 seconds.

 

We can expand each item and get detailed recommendations for improvements. There is a lot of information, but here are the most basic and important tips:

  • Improve server response speed. For example, if you are using shared hosting, upgrade your plan or migrate to a virtual private server (VPS) or even a dedicated server. Also, not all hosts are equal. Try choosing reliable hosting with good hardware and uptime guarantees.
  • Lower the volume of traffic required to open your site. To achieve this, you can replace images with optimized ones: change their format, adjust resolution and compression, replace animated images with static ones if needed, etc. Popular content management systems have plug-ins that make this process straightforward.
  • Cache more data. The simplest way to do this is to use a content delivery network (CDN) like Cloudflare for static content (images, styles, scripts, pages that do not change). You can configure caching rules to optimize performance.

Now let’s have a look at more complicated factors, where an experienced programmer can help.

How to Debug Scores During Page Lifetime

As mentioned, Google Search Console considers average scores obtained from Chromium-based browsers for the last 28 days and also includes values for the entire lifetime of the page.

The inability to see what happens during the page’s lifetime is a problem. PageSpeed’s virtual machine can’t account for how the page performs once it’s loaded and users are interacting with it, which means site developers won’t have access to recommendations for improvements.

The solution is to include the Google Chrome Web Vitals library in the developer version of a site project to see what’s happening while a user interacts with the page.

Various options on how to include this library are in its README.md file on GitHub. The simplest way is to add the following script. It is tweaked to display values over the page lifetime in the main template’s <head>:

<script>
    (function() {
        var script = document.createElement('script');
        script.src = 'https://unpkg.com/web-vitals/dist/web-vitals.iife.js';
        script.onload = function() {
            // When loading `web-vitals` using a classic script, all the public
            // methods can be found on the `webVitals` global namespace.
            webVitals.getCLS(console.log, true); // CLS supported only in Chromium.
            webVitals.getLCP(console.log, true); // LCP supported only in Chromium.
            webVitals.getFID(console.log, true);
            webVitals.getFCP(console.log, true);
            webVitals.getTTFB(console.log, true);
        }
        document.head.appendChild(script);
    }())
</script>

Note that Cumulative Layout Shift (CLS) and Largest Contentful Paint (LCP) calculation is available only for Chromium-based browsers, including Chrome, Opera, Brave (disable Brave Shields to make the library work), and most other modern browsers, except Firefox, which is based on a Mozilla engine, and Apple’s Safari browser.

After adding the script and reloading the page, open the browser’s developer tools and switch to the Console tab.

 

A screenshot of the Console tab in the Google Chrome browser, showing FCP, TTFB, FID, and LCP values, each as a line of console output containing an object with properties "name," "value," "delta," "entries," and "id."  The value for "entries" is an array.

Values Provided By the Chrome Web Vitals Library in Chrome’s Console Tab

 

To see how those values are calculated for the mobile version, switch to the mobile device using the Device toolbar. To access it, click the Toggle Device Toolbar button in your browser’s Developer tools.

 

A screenshot of the "Toggle device toolbar" button between the "Inspect element" button and the "Elements" tab at the top of Google Chrome's Developer tools.

 

This will help pinpoint problems. Expanding the row in the console will show details on what triggered the score change.

Most of the time, the automatic advice for other scores is sufficient to get an idea on how to improve them. However, CLS changes after the page is loaded with user interactions, and there simply may not be any recommendations, especially for single-page applications. You may see a perfect 100 score in the Diagnose Performance Issues section, even as your page fails to pass the assessment for factors considered by the search engine.

For those of us struggling with CLS, this will be helpful. Expand the log record, then entries, specific entry, sources, specific source, and compare currentRect with previousRect:

 

An image of the log record, with highlighted currentRect and previousRect values.

Now that we can see what changed, we can identify some ways to fix it.

Reducing Cumulative Layout Shift

Of all the scores, CLS is the hardest to grasp, but it’s crucial for user experience. Layout shift occurs when an element is added to the document object model (DOM) or the size or position of an existing element is changed. It causes elements below that element to shift, and the user feels like they can’t control what’s going on, causing them to leave the website.

It’s relatively easy to handle this on a simple HTML page. Set width and height attributes for images so the text below them is not shifted while they load. This will likely solve the problem.

If your page is dynamic and users work with it like with an application, consider the following steps to address CLS issues:

  1. Set the page to show content 500 milliseconds after the user clicks a button or link without causing CLS to trigger.
  2. Change parameters that do not cause other DOM elements to shift: background, color, etc.
  3. Make sure other elements will not shift when changing an element’s size or position.

More detailed recommendations are available at the Google Developers Optimize CLS page.

How 500 Milliseconds Can Reduce CLS

To illustrate how to use the 500-millisecond threshold, we will use an example involving an image upload.

Normally when a user uploads a file, the script adds an <img> element to DOM, and then the client browser downloads the image from the server. Fetching an image from a server can take more than 500 milliseconds and may cause a layout shift.

But there is a way to get the image faster as it’s already on the client computer, and thus create the <img> element before the 500-millisecond deadline is up.

Here is a universal example on pure ECMAScript without libraries that will work on most modern browsers:

<!DOCTYPE html>
<html>
<head></head>
<body>
    <input type="file" id="input">
    <img id="image">
<script>
document.getElementById('input').addEventListener('change', function() {
    var imageInput = document.getElementById('input');
    if (imageInput.files && imageInput.files[0]) {
        var fileReader = new FileReader();
        fileReader.onload = function (event) {
            var imageElement = document.getElementById('image');
            imageElement.setAttribute('src', event.target.result);
        }
        fileReader.readAsDataURL(imageInput.files[0]);
    }
});
</script>
</body>
</html>

As we saw earlier, fixing these kinds of issues might require mental agility. With mobile devices, especially cheap ones, and with slow mobile internet, the ’90s art of performance optimization becomes useful and old-school web programming approaches can inspire our technique. Modern browser debug tools will help with that.

Update the Google Search Console

After finding and eliminating issues, Google’s search engine may take some time to register the changes. To update the results a bit faster, let Google Search Console know that you’ve fixed the problems.

Select the page you’re working on using the Search property box in the top left corner. Then navigate to Core Web Vitals in the left hamburger menu:

A screenshot displaying the Core Web Vitals option via the Search property drop-down box in the upper-left corner of Google Search Console.

Click the Open Report button on the top right of the mobile or desktop report. (If you experienced problems with both, remember to repeat the same actions for the second report later.)

A screenshot of the Google Search Console Core Web Vitals section, showing the Open Report label at the right of the "Mobile" bar beneath the timestamp beneath the main headers.

Next, go to the Details section under the chart and click on the row with the failed validation warning.

A screenshot of the Details section in the Google Search Console Core Web Vitals, showing a poor result for mobile devices. The score is 17 and a CLS issue ("more than 0.25 (mobile)") has resulted in failed validation.

Then click the See Details button for this issue.

A screenshot showing what happens after the user clicks the See Details button at the right of the "Validation failed" bar. The tool reports 17 affected URLs.

 

And finally click Start New Validation.

 

A screenshot of the Google Search Console showing the Start New Validation button at the right of the "Validation failed" bar, beneath the "Validation details" bar, which is beneath the main Google Search Console header.

 

Do not expect immediate results. Validation may take up to 28 days.

 

Google Search Console screenshot showing that the validation process has started and will complete within 28 days.

Optimization Is a Continuous Struggle

SEO optimization is a continuous process, and the same is true of performance optimization. As your audience grows, servers receive more requests and responses get slower. Increasing demand usually means new features are added to your site, and they may affect performance.

When it comes to the cost/benefit aspect of performance optimization, it is necessary to strike the right balance. Developers don’t need to achieve the best values on all sites, all the time. Concentrate on what causes the most significant performance problems; you’ll get results faster and with less effort. Major corporations can afford to invest a lot of resources and ace all the scores, but this is not the case for small and midsize businesses. In reality, a small business most likely only needs to match or surpass the performance of their competitors, not industry heavyweights like Amazon.

Business owners should understand why site optimization is critical, what aspects of the work are most important, and which skills to seek out in the people they hire to do it. Developers, for their part, should keep performance in mind at all times, helping their clients create sites that not only feel fast for end users, but also score well in PageSpeed Insights.

Original article source at: https://www.toptal.com/

#google #page #seo 

How to Acing Google's PageSpeed insights Assessment
Zac Efron

Zac Efron

1670257185

How an Internet Marketing Service Can Help Your Business

Whether you are a new business looking to start marketing your business or an existing business looking to expand your online presence, several options are available for you to consider. One of the best options is to hire a professional Internet marketing service.

Influencer marketing

Using influencer marketing as an internet marketing service can provide companies with many benefits. Influencers can help brands connect with new audiences and engage with current customers. It is also a cost-effective way to get new customers. However, a company should only attempt to run its influencer campaign with a strategy. A strategy can help determine the type of influencer to use and the content to create.

A strategy can also help determine which social media platforms to use. There are many platforms, but some are more popular than others. It is important to know which platforms your target audience uses. Choosing suitable social media can help ensure your influencer campaign has a higher impact.

Having a strategy also helps you measure your progress. A good plan should include a brief description of your business goals. It should also include how the campaign will reach your target audience.

It is also vital to note that while using an influencer is a good idea, it is also important to ensure the influencer you choose is authentic. Using an influencer means putting your brand in front of many people. Using an influencer that does not sound authentic will not achieve the results you want.

SEO

Increasing your brand's visibility is essential to your digital marketing strategy. SEO helps you reach the right people properly to generate leads and boost your online traffic.

SEO focuses on using specific keywords to reach the right audience. Keyword research helps determine the most effective keywords to target. It also lets you decide which strategy to use to compete against other brands targeting the exact phrases.

The goal of SEO is to improve your search engine rank. This can help your company gain visibility in the online marketplace and improve your bottom line. It also enables you to develop relationships with prospects and customers.

SEO is vital for your business because it increases the likelihood of your customers finding your site. It also helps you get more conversions and helps you build brand recognition. It also enables you to get a better return on investment.

SEO involves using relevant keywords in your titles and content. It also involves using headers, links, and meta descriptions. It also ensures that your site is user-friendly and has a fast load time.

SEO is a long-term process. It's essential to plan so you can take advantage of the results of your SEO efforts.

Social media marketing

Investing in social media marketing can be an excellent way to reach your target audience. It can also help build your brand, create brand advocates, and increase sales. It can also increase customer loyalty. It is a powerful marketing tool because you can reach your customers on their turf.

Before you launch a social media marketing campaign, you must ensure that you have the right goals. The first step is to find your target audience. You can find out their interests by looking at their social profiles. You can also research competitors' social presence and content.

Depending on the results of your social media campaigns, you can change your marketing persona. This is where you decide what content you will post and how to promote it. The content should be personable and remind your followers that the people behind your posts are accurate.

Once you have a good plan for your target audience, you can create content that meets their interests. You can also promote your content through paid promotions. You can use social media ads to reach a wider audience than your followers.

You can also use social media analytics tools to measure your campaign's performance. You can compare your social media campaign with other social media accounts and find out what works best.

Website development

Whether you have an existing website or are planning a new one, you want to know how to go about it. Web development is an important part of any business's digital marketing strategy. It can help increase your brand's interaction and conversion rates.

It would help if you started by mapping out your goals. You can get more traffic, increase your social media presence or generate more leads. You can also integrate new technological advancements to keep your website current and competitive.

It would help if you also keep your audience in mind. Your website should be easy to navigate, mobile-friendly, and responsive. It should also be elegant. This will assist you in maintaining a good reputation among your clients.

You should also integrate social media to help you establish a good reputation with your audience. Social media can be the best way to build your client base and increase your openness to new business.

It would help if you also used the latest security protocols to ensure your customers' private data is safe from the wrong hands. This can help you establish a reputation for being a reliable company.

It would help if you also did keyword research to ensure your content contains vital phrases. This will help your website rank well in search engine results.

Video Marketing

Using video marketing as an Internet marketing service is a foremost way to engage your audience. It can increase your brand's exposure and drive sales. However, several factors must be considered when creating a successful video campaign. Read these few tips to help you get started.

One of the most important steps in creating a video marketing strategy is determining your target audience. You can do this by looking at your current customer base or by looking at your prospective customers. The key is determining which audience is most likely to buy your products.

Another useful measure of video marketing success is the number of conversions. These can be sales, social shares, or contact information. Your conversion metrics will vary depending on the type of video you're creating, so be sure to monitor them.

Your video marketing campaign should also include a call to action. This can be a simple "click here" or a more complex "subscribe to our channel." It's important to consider your video's goals and the best way to present this call to action. It should also be shown in the least disruptive way possible.

https://www.espinspire.com/internet-marketing.php

As with any Internet marketing strategy, you should also check your metrics. The most effective video marketing campaigns will have a good mix of paid and non-paid distribution. You can use cost-per-view calculators to determine how much profit you make from your videos.

Display advertising

Using display advertising as part of an Internet marketing service can be an effective way to reach consumers. Unlike traditional media, this type of advertising allows businesses to target specific audience segments. By using visuals, display ads can be effective at delivering compelling messages.

Display ads often promote new products and services or remind customers of products they left in their shopping carts. They can also work as retargeting campaigns, helping companies reconnect with users who have already visited the website.

Creating effective display ads requires careful consideration of the message, the ad creative, and the context. These factors can influence customers to take the desired action, such as visiting the website or buying a product.

A great place to start is with an analysis of the customer purchase behavior of your existing customers. You may discover that customers buy for comfort or style. Use this information to better target your marketing efforts.

Another effective tactic is geofencing, which pushes advertisements to mobile devices based on a user's location. This allows companies to target customers with high purchase intent.

When determining the scope of your display advertising campaign, it is important to establish goals. These goals should include why you are advertising, who you are targeting, and how much you are eager to spend.

Lead generation

Whether you're trying to grow your business, expand your brand, or attract new customers, an Internet marketing service can help you reach your goals. The key to success is to select good strategies. The most effective digital marketing campaigns prioritize lead generation. The more leads you generate, the more profit you will make.

Consider investing in pay-per-click ads if you want to improve your online marketing lead generation. This is one of the prime ways to get your company on the radar of potential customers. You only pay when anyone clicks on your ad, giving you more control over the keywords you use. You also can retarget your ads to potential customers after they've clicked your ad, giving them another chance to convert.

Other lead-generation methods include content marketing. Creating quality content helps entice potential customers to your website. Content can be an ebook, an exclusive video, or a white paper that solves a problem for your selected audience. It can be exchanged for contact information. You can also use live chat to engage with potential customers.

You can also build a mobile app, a simple way to get more traffic. Customers will download an app if they think it offers something they can't get anywhere else. To improve your app, you should provide services and features that your competitors have yet to think of; go to website

#internetmarketingservices #digitalmarketing #digitalmarketingservices #seo #leadgeneration #smm #socialmediamarketing #searchengineoptimization #influencermarketing #videomarketing 

How an Internet Marketing Service Can Help Your Business
Romolo  Morelli

Romolo Morelli

1669886354

Learn Digital Marketing - Full Course

Digital Marketing Full Course | Digital Marketing Course | Digital Marketing 

In this digital marketing course, we'll talk about what is digital marketing, SEO, and its various concepts, social media marketing, Facebook ads, Instagram marketing, YouTube ads, content marketing, email marketing, affiliate marketing, and much more!

Below topics are explained in this Digital Marketing course:

  • Intro to Digital marketing
  • What is Digital marketing
  • Types of Digital marketing
  • Digital Marketing Tools
  • What is SEO
  • Google Ads Basic
  • SEO in 5 minutes
  • Social media marketing basics
  • Facebook Ads
  • Instagram Marketing Strategy 2022
  • How to Create Instagram videos
  • Facebook vs Instagram
  • How to Create youtube, Instagram, and Twitter Add
  • How to use storytelling in your Social Media Strategy
  • What is Social Media Marketing?
  • Beginners guide to content marketing
  • Content and Email marketing strategy
  • How to get traffic to your website
  • Benefits of email marketing
  • Affiliate Marketing
  • Best Marketing books
  • Top 15 Marketing hacks
  • Top 10 Digital Marketing Skills
  • Digital Marketing Careers

#digitalmarketing #seo

Learn Digital Marketing - Full Course
Zac Efron

Zac Efron

1669380119

Internet Marketing Example | ESP Inspire

If you are a small business, a large company, or a non-profit, you lose business if you do something other than Internet marketing. Using digital marketing can help you increase conversions and brand awareness, enabling you to gain more clients. However, it would assist if you kept in mind that no Internet marketing strategy is ever the same, so you must devise a plan that works for your company. One of the top internet marketing firms in the United States, ESP Inspire provides digital solutions to small, medium, and large businesses.

Content strategy must be unique to your company.

Creating a content strategy is a perfect way to ensure that your company's efforts are geared toward reaching your customers. Content marketing can increase brand awareness and build customer relationships. In addition, it can help to accelerate the sales process.

Developing a content strategy tailored to your unique business model is important. A content strategy should include various components, including a framework for delivering content and a special message. However, it should also be flexible enough to adjust as your business goals and needs change.

The first step in creating a content strategy is understanding your target audience. Knowing who your audience is can help you determine what type of content they are looking for and how you can provide them with it. This includes understanding their pain points and how you can provide solutions to these pain points.

A content strategy can also be used to assist you in maximizing the potential of your creative team. It will include an editorial calendar, a process for assigning tasks to various teams, and ways to engage your audience. It should also be written in a format easily shared with other stakeholders.

A content strategy should also include a strategy to measure your success. This may involve measuring key performance indicators (KPIs), such as cost-per-lead, organic web traffic, social shares, and sales opportunities. Depending on your goals, you will need to choose KPIs that are most relevant to your business.

A good content strategy should include exciting elements, such as infographics. These visual presentations organize complex information in a more aesthetically pleasing way than text. Using an infographic as part of your content strategy may help you to attract more traffic, increase sales, and build a loyal audience.

https://www.espinspire.com/internet-marketing.php

There are various ways to improve your content marketing strategy, from brainstorming new ideas to testing different approaches. It's important to follow your content strategy closely, especially as your business's needs change. Creating a content strategy isn't easy, but it can help you meet your goals in many ways.

Tracking Methods

Using tracking methods in internet marketing helps track users' behavior and provides valuable user data. This information can be used to optimize websites and improve customer experience. It can also target campaigns and market products to targeted audiences.

Tracking methods include cookies, ad tags, and tracking pixels. Cookies are small files stored on a PC after browsing a website. They contain user preferences, authentication information, and frequently visited sections of the website. They can be used to identify PCs by their cached browser contents.

Ad tracking is a technology that allows publishers to pay for clicks and impressions. It is one of the most competent methods of measuring campaign performance. It can also reveal audience interest in particular ads or websites. It can also determine whether clicks on internet advertising led to a purchase.

Using tracking methods in online marketing is crucial to any marketing campaign. They are time-saving, cost-effective, and provide valuable insights into user behavior. Tracking helps to measure the effectiveness of marketing campaigns and helps to evaluate the marketing budget.

Using tracking methods in digital marketing helps to increase the growth of a business. It can be used by new businesses as well as established companies. It can also be used to increase customer satisfaction. It can also be used to optimize landing pages and email marketing campaigns.

Ad tracking can be used for PPC campaigns, display ads, and mobile ads. It can also be used through Google, Facebook, and other social media. It can also determine audience interest in particular social media accounts. It can also determine how much money a business has spent on advertising. It can also determine whether a business should invest in new marketing campaigns.

Ad tracking can be used through advertising networks and advertising networks. It can also be used through Google Analytics. Depending on the ad network, it can be used for display ads, search ads, and mobile ads. If you want to hire the best internet marketing services visit espinspire.com

#internetmarketingservices #digitalmarketing #onlinemarketing #digitalmarketingservices #seo #smm #sem #ppc #contentmarketing 

Internet Marketing Example | ESP Inspire
Zac Efron

Zac Efron

1669308530

How Digital Marketing Services Can Help Your Business?

Using Digital Marketing Services to market your products or services can be a very effective way to increase your brand's visibility. You can use many approaches, including search engine optimization, social media marketing, and retargeting. You can also take advantage of content and influencer marketing to further increase your brand's visibility.

Search engine optimization

Getting a website to rank high in organic search results is an important part of search engine optimization. Search engines survey a vast network of websites to determine the most relevant results. These results are displayed in sequence according to relevance. Using the right search engine marketing solutions can increase traffic and brand recognition.

SEO is the practice of improving the structure of a website and the content to improve its rankings. It includes on-page optimization, such as removing dead links, using relevant keywords in title tags and headers, and creating relevant content. Off-page optimization uses backlinks to build a website's reputation and link popularity.

Search engine marketing, or SEM, uses paid-search advertising to promote brand offerings on multiple online platforms. This is a cost-efficient way to connect with customers. It involves bidding on high-value keywords to improve ad placement and increase profitability.

Search engine optimization is as much about understanding your target audience's needs as it is about using the technical configuration of a website. This is why hiring a reputable search engine optimization agency is important. The agency will create a custom SEO strategy for your website. The agency will also provide suggestions for off-page tactics.

The SEO service will usually start with on-page optimization. This includes creating content on your website, guest articles, and social media marketing. It also has AB testing your ads to see what works and doesn't.

Social media marketing

Social media marketing as part of your digital marketing services can help your business gain recognition, reach a wider audience, and improve customer engagement. Social media marketing is similar to traditional marketing because it involves building a brand, interacting with customers, and creating content. But the key is choosing the social platforms that best engage your target audience.

SMM can be a cost-effective way to reach many customers. It is a great way to create brand awareness and also boost SEO. It is also the perfect way to drive traffic to your website. Social media lets you engage with your target audience, which can lead to more conversions.

Some social media platforms permit you to post native advertisements. This allows your message to reach the right audience, which is important for capturing leads. Social media also provides you with analytics, which can help you track your campaigns. These analytics will help you identify what is working and what isn't.

Social media marketing can also boost your SEO, which means your website will be more visible to customers. In addition, social media can assist you in gaining the trust of your audience. It is a great way to engage customers, but it is also important to use a cohesive brand voice.

One of the perfect ways to boost growth with social media marketing is to create shareable content. This content encourages people to share, exponentially increasing your brand's exposure.

Retargeting

Adding retargeting to your digital marketing strategy is a great way to remind people who have visited your website about products and services. It also provides additional points of contact with your brand. This can help increase brand awareness and conversions.

Retargeting works by placing a small piece of code on your website. This code is unnoticeable to site visitors and drops an anonymous browser cookie, telling a unique retargeting marker when to serve ads.

Retargeting is a cost-effective way to increase your website's conversions. This type of internet marketing is excellent for businesses with a solid online presence. The key is to target visitors who are interested in your brand.

Retargeting can be done in many different ways. A common way is through a pixel, a small piece of JavaScript code embedded into your website. A pixel can be obtained from ad platforms, or you can add it yourself.

Pixels can also be used to track user behavior. This can help you know if conversions took place or if they are still in process. They are also helpful in monitoring after-sales add-ons.

Another way to drive conversions is to bring in new traffic. A retargeting campaign is the latest way to target abandoned users. It also increases conversions by reminding people of products and services they may have already viewed.

Influencer marketing

Using internet marketing services for influencer marketing can be the best way to boost brand awareness and drive profitable customer action. Influencers have an extensive reach and can help your brand become known globally. They can also lead to orders from across the globe.

For a successful influencer marketing campaign, you should select the right agency. Agencies have extensive experience managing campaigns for brands. They understand what makes a brand unique and how to create campaigns that meet your marketing goals. They can also help you reach your target audience using the proper content format.

Influencer marketing agencies will have pre-existing relationships with influencers. These agencies will vet influencers to ensure they are suitable for your brand. They will also negotiate payments for influencers. Influencers have to be paid on time, or your campaign could fail. You should also provide influencers with suitable materials and constructive feedback after your campaign.

You should also develop an audience persona to help define your target audience. You can also research your competitors to find out who their users interact with. Identifying your target audience will help create a campaign that reflects your brand's values.

Influencer marketing agencies have a great deal of experience working with creators of all shapes and sizes. They know what works and what to avoid. They have access to influencers' past campaigns and can also refine the drive to reach your specific marketing goals. They can also help you identify the best times to post promotional content.

Behavioral targeting

Behavioral targeting is a digital marketing service that provides marketers with a wide array of data about their target audience. Using behavioral targeting, a company can improve its marketing strategy by targeting consumers interested in particular products. This helps in increasing conversion rates and generating more sales.

The most effective way to collect this data is to install a data management platform capable of tracking user behaviors across different websites. This allows marketers to develop a detailed profile of each user. Data can be collected from web pages visited, search history, and purchase history. Marketers can use this data to create more effective, personalized content and ad campaigns.

Behavioral targeting is also used to determine which ads are most likely to be clicked on. This data allows advertisers to send only relevant emails and ads to consumers. The process can also reduce ad blockers and increase conversions. It is important to remember that using behavioral targeting correctly will improve your ROI and return on investment.

Behavioral targeting is also considered a big data strategy because it allows marketers to better understand their target audience and target their ads to specific users. This can lead to increased conversions, higher ROI, and increased sales. This is because it allows advertisers to reach consumers more likely to respond to the ads. This is also why behavioral targeting is considered the most effective form of advertising.

Content marketing

Whether you're a new or veteran business owner, internet marketing services can help you improve your business's bottom line. Your business can improve its online presence, increase traffic, and build customer relationships by delivering engaging informative content.

One of the perfect uses of content is to provide information that will help your customers decide. This information can come in the form of an eBook or blog post. An ebook can give readers an overview of your product or help them decide whether or not to hire you.

In addition to providing information, an effective content marketing strategy can improve your consumer's rate of return. This is the result of increasing brand awareness. Raising brand awareness is also a great way to increase your sales.

Content marketing services include blogging, white papers, ebooks, podcasts, videos, and other forms of digital media. The most important factor to consider is the content itself. A quality piece of content should be informative, engaging, and relevant. Content can be used to promote your business's products or services, but you should always make sure it's appropriate.

The best content marketing services are those that attract your target audience. The right content can help you build customer relationships, boost brand awareness, and increase sales. Creating relevant and informative content will help your business reach the proper audience at the right time; go to website

#internetmarketingservices #digitalmarketingservices #digitalmarketing #seo #smm #contentmarketing #onlinemarketing 

How Digital Marketing Services Can Help Your Business?
UpGro Digital

UpGro Digital

1668664874

Why your business website should not just be an online brochure?

Your business website is your virtual corporate office that works 24/7. Your business website should go beyond being a brochure and be a testament to your company’s goals, products and values.

Today a qualitative website design with user-friendly site architecture and navigation makes your business a trusted brand to prospective customers. Just listing your products and services on the website makes your website outdated in today’s tech-savvy world. Your website design should meet the expectations and requirements of your consumers.

Let’s look at what consumers expect from your website.

Business Websites should provide Solutions to Customers

Today customers are looking for products and solutions. So, your website should not just be a dossier about your business and products but also provide valid information and solutions for any queries they might have.

Your website becomes impressive by providing relevant information or solutions. Customers are more likely to prefer buying products from a website that offers essential solutions for their concerns. Therefore, websites need to provide comprehensive information on related queries.

Business Website should add value to your Brand identity

A quality website is a reflection of your company’s identity. A good website is a sense of pride for your business as it is an accumulation of your company’s valuable assets. A well-maintained website engages your potential customer and builds confidence in your brand and services. 

Company Websites should interact with Customers

Your website can become your virtual customer relationship manager by trying to engage with potential customers. When a business offers interaction with their customer’s concerns or queries, the customer will become invested in your product offerings.

Your website can interact with customers through:

  • Contact forms
  • CTAs
  • Blogs offering comments section
  • Subscription forms
  • Links to social media

By providing your potential customers with the options to interact, you develop much-needed credibility in your business. Your website is the best platform to show that you care about your customer. Thus, this positive impact will result in loyalty and drive conversions for your business.

Website Development Company in Saudi Arabia

Is your business website bringing in results for your business? If not, it is time to rethink your website.

At UpGro Digital, a Website Development company in Saudi Arabia, we create websites that go beyond being an online brochure. We will help you create a website that will make a great first impression on your visitors.

Ready to create a dynamic website for your business?

Get started NOW!

#digitalmarketing #seo  #socialmediamarketing  #webdesign #webdevelopement #businesses #saudiarabia 

 

Why your business website should not just be an online brochure?