Core web vitals and WordPress SEO

As we always know that, We are working to improve our website Core Web Vitals scores for improving ranking in the world’s from the most popular search engine Google and bing when this change is introduced. Many others are working in fear of losing the ranks they currently enjoy.

Core Web Vitals are measurements of page experience that will be combined with existing search signals including mobile-friendliness, safe-browsing, HTTPS-security, and intrusive interstitial guidelines to provide a page experience rank for pages.

Core web vitals

Pages with a first-rate page experience should see stepped forward ranking and in their article Timing for bringing page revel into Google Search, Google additionally introduced that it’ll introduce a visual indicator to discover pages that have met all of the pages revels in criteria. This is expected to be an image that looks in a page’s snippet in search consequences. Obtaining this brand must boom click-via and consequently site visitors for pages.

What do Core Web Vitals SEO?

Core Web Vitals are calculated using data collected by the Chrome browser. You can find your scores, page by page, using Page Speed Insights and Search Console’s Core Web Vitals report.

A web page must have been visited a certain variety of times by using Chrome customers over the last 28 days to sign in a score. If a page has too little facts, Page Speed Insights will show the message “The Chrome User Experience Report does no longer have sufficient real-global velocity records for this web page.”

Core web vitals result

Largest Contentful Paint (LCP): measures loading overall performance up to the point wherein the page is satisfactorily seen. To offer an amazing consumer experience, LCP needs to occur within 2.5 seconds of whilst the web page first begins loading. Over 4 seconds is taken into consideration negative. In the example above, 66% of users had a very good LCP experience (much less than 2.5 seconds), 21% had a terrible experience (over 4 seconds). The average rating is three. Five seconds. The average rating is irrelevant for the test, but, the web page will pass the take a look at if over 75% of customers experienced a good end result. In this case, with the simplest 66% of appropriate consequences, the site did now not achieve an amazing sufficient end result for LCP and for that reason did now not pass the Core Web Vitals evaluation.

First Input Delay (FID): measures interactivity, that means the time a user needed to look forward to the website online to reply after clicking on a hyperlink or button. To provide a good consumer revel in, pages have to have a FID of much less than one hundred milliseconds. Over three hundred milliseconds is taken into consideration poor. The web site used in our example passes this take a look at with 92% of users having an amazing enjoy and an average rating of 32 ms.

Cumulative Layout Shift (CLS): measures visible stability. To provide a very good consumer revel in, pages ought to hold a CLS of much less than 0.1. Over 0.25 is taken into consideration negative. This rating isn’t measured in seconds but as a fragment of factors that trade region unexpectedly throughout a visit. This site passes this take a look at with 89% of customers acquiring a very good revel in.

LCP. FID, CLS

Is WordPress good for Core Web Vitals SEO?

Using WordPress isn’t a handicap for passing Core Web Vitals in comparison to other CMS. However, website hosting, themes, photograph size, and other features you upload on your web page can gradually page down. Writing for SEJ, Roger Montti claims that WordPress Gutenberg 10.1 Boosts Core Web Vitals and this may be a thrilling improvement to comply with. Our article how to enhance your site speed? also stays relevant nowadays if you are seeking out approaches to boom page velocity and overall performance.

Tagged : /

How to migrate WordPress Sites without Losing SEO

KLCWEB knows Migration is a headache process especially when we migrate WordPress. Also, We worry about losing SEO ranking after migration, Right? Now, you can fear free to migrate your WordPress without losing SEO and blogging posts because we have study WordPress migration with WordPress Experts and introduce WordPress migration in an easy way.

Export Content From Old WordPress Site

NOTE:: Before start migration make sure you will take a backup of your site, if anything goes wrong you can immediately restore your site.

You need to log in to your WordPress admin panel, example.com/wp-admin, and go to tools > export > All content and click on the download Export file button of your old website which you want to migrate to the new site.

Do Not Forgot to replace your domain instead of example.com

Make sure you will choose the All content option while exporting content from your old site. Once you have done this the WordPress will start preparing an XML file of your All WordPress contents and will start downloading automatically.

Upload Content to a New WordPress Site

As soon as get an XML file of your old site, you need to import that XML to a new WordPress site by login example.com/wp-admin > tools > import. Here you need to install the WordPress importer plugin to import the XML file of old WordPress.

WordPress Importer

After installing WordPress importer tools, you are able to upload XML file by clicking on the run importer link button and it will ask for upload WordPress XML file, choose that an XML file and click on the Upload file, and import

File upload

In the Next step, WordPress will start uploading an XML file and extract it in the meanwhile it asks for a WordPress author for posts, Either you can mention an old author, or you can create a new one and click on the next button to complete WordPress migration.

After getting all the required details WordPress will upload content and it takes few minutes to complete a task. And you will get an All Done message.

All Done

Setting up Redirects

After successfully migrating content from one WordPress site to another WordPress site, the next step is to set redirection so users can visit the old site and it will be automatically redirected to the new WordPress site.

You can set redirecting inside .htaccess file of old WordPress site by using the this sample code.

#Options +FollowSymLinks
RewriteEngine on
RewriteRule ^(.*)$ http://www.newsite.com/$1 [R=301,L]

Remember to replace www.netsite.com with your domain name and save the file and restart your site. Now you are able to see all posts on a new WordPress site without facing any issues.

Tagged : /

Free WooCommerce extensions and plugins…

As we all know that Woocommerce is the most popular and the best for E-commerce websites. but it is not sufficient to boost your E-Commerce site. Woocommerce makes an easy way to create an E-commerce website. You need to use such extensions or plugins to power up your E-Commerce site.

If you have a WordPress site and want to intergrade WooCommerce you can take a tour here…..

Here’s we are introducing free WooCommerce hosting and free Extensions and plugins you should use to make your site stronger.

  1. HubSpot
  2. WooCommerce Customizer.
  3. PDF Invoices & Packing Slips.
  4. Custom Product Tabs
  5. WooCommerce Multilingual.
  6. YITH Wishlist

1. HubSpot

Use the HubSpot plugin to add free CRM and marketing features to your WooCommerce shop. Sync your WooCommerce data into HubSpot to better track your customers and their orders.

HubSpot

2. WooCommerce Customizer

 WooCommerce Customizer recommended by us. It uses to customize the text for the “add to cart” button for different product types and to customize the number of products displayed per page. Also tweaked the coupon and log-in the text on the checkout page.

WooCommerce Customizer

3. PDF Invoices & Packing Slips

Use the PDF Invoices & Packing Slips plugin to add a PDF invoice automatically to the order confirmation emails you send out to your customers. It includes a basic template as well as the possibility to modify/create your own templates. In addition, you can choose to download or print invoices and packing slips from the order admin. 

PDF Invoices & Packing Slips

4. Custom Product Tabs

Custom Product Tabs extends the eCommerce solution to allow shop owners to add custom tabs to products. You use the additional tabs to include product specifics that you can add on a product-by-product basis.

5. WooCommerce Multilingual

If you anticipate having to cater to multiple languages, WooCommerce Multilingual makes it possible to run multilingual eCommerce sites using WooCommerce and WPML. You’ll be able to keep the same language through the checkout process, send emails to clients and admins in their native language, and more with this one robust plugin.

WooCommerce Multilingual

6. YITH Wishlist

In YITH Wishlist, you can make it easy for customers to save their favorites and share their wish lists on their social networks. That’s a big win for potential sales! This plugin enables customers to add products from your E-commerce store to their own wish list page. 

YITH Wishlist
Tagged :

React Frameworks for WordPress, you should know about it.

React.js is one of the most popular front stop frameworks. Unsurprisingly, in case you want to apply React.js on your WordPress task, you have masses of alternatives. If you’re feeling beaten via a lot of choices. However, Do not need to panic.

In this text, we’ll introduce four React frameworks that you can use on your WordPress initiatives. We’ll cowl the professionals and cons of every framework. We’ll additionally take a look at some not unusual scenarios where you could need to apply one React framework over the other. Let’s discuss!

What Is a REST API?

REST (Representational State Transfer) APIs are awesome from different APIs. To be considered RESTful, an API must follow particular rules. These suggestions will assist insure the resulting API is lightweight, flexible, extensible, and secure. These tips consist of a separation between the purchaser and the server, the use of cacheable statistics wherever viable, and a uniform User Interface (UI).

WordPress has its very own REST API. This API became at first advanced as a separate function plugin. However, elements of the REST API have been included in the middle platform as early as WordPress 4.4 The API becomes completely included in WordPress 5.7, which means that each version of WordPress because then has its personal completely functional REST API.

React.JS

What the REST API Mean for WordPress?

Traditionally, WordPress generated HTML the usage of a topic-based totally on PHP template documents. However, the advent of the REST API eliminated this dependency on the PHP rendering engine. This opened up masses of opportunities for WordPress developers.

The REST API makes it less complicated for WordPress to interact with different websites and net programs. This API lets you perform Create, Read, Update, and Delete (CRUD) movements on WordPress content, consisting of posts, pages, or even custom posts. This gives builders an easy way to push and pull data out of WordPress.

What the REST API Mean for WordPress?

React.js Frameworks for WordPress

There are lots of React frameworks to choose from. Every project is different, but we’ve collected four React frameworks that we believe have plenty to offer WordPress developers.

1. Frontity

Frontity is an open-source framework for React. Unlike other React frameworks that are compatible with WordPress, Frontity was designed specifically for WordPress.org and WordPress.com. This means that Frontity is pre-configured to provide the best possible experience for WordPress users.

Frontity, React.JS

 2. Gatsby.js

Gatsby builds your project into static HTML files that are optimized for performance, and also loads only the necessary CSS, HTML and JavaScript. After your website is loaded, Gatsby will then call upon any additional resources that it requires. This results in faster page loading speeds.

Gatsby.js, React.JS

3. Next.js

Next.js is a minimalistic React framework. This framework renders applications on the client-side, but Next.js also supports SSR. This can help preserve your SEO, while also improving your project’s performance. Next.js can deliver an additional performance boost, thanks to its automatic server rendering and code splitting.

Next.js. React.JS

4. Create React App (CRA)

The Create React App (CRA) is designed to get your React project up and running as quickly as possible. This tool offers a modern build setup with zero configuration. You just need to run a single command, and CRA will set up all the tools you need to start developing.

Create React App (CRA), React.JS
Tagged : /

How to Add a logo to the WordPress login page?

If you have other authors of your WordPress for posting a Blog and the site management and want to set a custom logo, let’s talk, We know WordPress is an open-source web application that can help you to build up an E-commerce website without coding skills. Today, we will guide you on how to add a logo to the WordPress login page? It will look like a professional Website Admin panel if you have other authors of your WordPress for posting a Blog and site management. Let’s go through it.

How to add a logo to the WordPress login page?

How to add a logo to the WordPress login page?

There are three ways to add a logo on a WordPress admin login screen as the below mentioned.

  • A custom 3rd party theme
  • 3rd party plugin
  • by writing a simple code snippet.

KLCWEB strictly recommended that never use a third-party plugin for customizing the WordPress Admin panel, it might be storing your login credential and send it to a hacker. Since WordPress is a very sensitive web-based application and easy to hack. But Do not worry we already posted an article to secure your WordPress site or online store/E-commerce site.

How to change logo using the code?

How to change logo using the code?
  1. Connect your WordPress site with FTP
  2. find theme folder from Wp-content > Theme > Your Theme
  3. Once you reached there create the assets/images folder and upload your logon.png file If the assets folder already there then just upload the logo.png file there.

Are you not able to log in to the WordPress Admin panel? you can reset your WordPress password from the WordPress database check how to reset your WordPress password?

Place a logo:

Once you complete the above three steps correctly. Now, time to place a logo from WordPress Admin panel.

Place a logo:
  1. Login to WordPress admin panel from yourdomain.com/wp-admin
  2. Go to the WordPress Dashboard > Appearance > Theme editor your theme files should be there and find function.php and edit it, before editing make you will make a backup file of function.php.
  3. And paste the below code at bottom of the function.php file.
function add_logo_to_login() {
    echo '<style type="text/css">
        h1 a { background-image:url('.get_bloginfo('template_directory').'/assets/images/logo.jpg) !important; width:300px !important;}
    </style>';
}
add_action('login_head', 'add_logo_to_login');

Ensure that you have uploaded logo.png file inside Wp-contents > Themes > your theme folder > assets/images/logo.png

Hence, how the login page looks like after changing the logo.

Tagged : /

How to install Woocommerce?

WooCommerce is an open-source e-commerce plugin for WordPress. WooCommerce uses for small online merchants who use WordPress. WooCommerce launched on September 27, 2011, this plugin quickly popular because it simple to install and customize and a free license base plugin. Klcweb will guide you How to install WooCommerce?

How to install Woocommerce?

If you have already installed a WordPress and want to install WooCommerce on it. You can install WooCommerce from WordPress > admin area > Plugins > Add new plugin.

How to install WooCommerce?

Once you installed WooCommerce then click on the activate button to active this plugin.

Setup Wizard of WooCommerce

When you activated this plugin the first time, it will be redirected to the setup wizard automatically and asks about your business details.

1.) Set up store profile.

In the first step, you need to mention your business location on this step and click on the continue button. And the pop up will display build Woocommerce better.

2.) Industry

In this step, you can select Industry or industries as your business type. if industry not match in this list you can choose Other option to specify your business exactly.

3.) Type of products

The third step will ask you about your business product and you are able to mention the business products you want to sell in your store. if you choose paid service you can purchase it later in the WooCommerce Wizard.

4.) Business Details

You can describe your business in this step. It’s the same as about us page, This will help WooCommerce to know about your needs.

5.) Theme

In this section, you can install the WooCommerce theme in the last step. Here you can get paid theme and a free theme. Choose a theme you want.

Once you did these 5 steps to set up the wizard of WooCommerce, you are able to set up your WooCommerce store as you want, you can set payment methods, import existing products…etc. you can ask us to set WooCommerce by filling this Form.

Tagged : / /

How to build a One-Page-Website on WordPress?

A one-page site every now and then known as a single-web page website is precisely what it appears like.

It’s miles a website this is completely crafted from one web page. It has no additional pages like the About web page, Contacts web page, or different similar pages.

Why Use a single web page?

This layout of internet site layout also limits us to the amount of content material, forcing us to be spartan and laconic, something this is ideal while focused on more youthful audiences and mobile customers

That’s in which Google is directing its seek engine bias, with its Mobile-First schedule that started out July 1st.

  • The page itself, with the content divided into sections
  • A menu that will allow visitors to skip ahead to the relevant sections
  • A header that will include our menu.
  • A footer.

We may also deploy the Hello Theme you can download it in a ZIP file from here, a loose starter topic this is so minimalistic, it’s almost clean. As such, it will no longer most effective permit us to apply Elementor’s subject matter builder, it will permit us to add factors to subject parts (header, footer, and so forth.) without any worry of conflictions, as well as assist to lessen load time and the want for additional plugins.

https://klcweb.com/wordpress-hosting.php

Creating Your One-Page-Website…

You will create our web page in the best, most efficient manner feasible, through clicking on New on the WordPress dashboard and selecting the Page alternative.

While in Elementor Editor, click on on the library icon, and within the template library search field, search for the time period ‘Yacht’. Click on the template and insert it.

Creating a Menu for Your One-Page-Website in WordPress…

  1. Top (Home)
  2. Features
  3. About Us
  4. Our CEO
  5. Destinations
  6. Photo Gallery
  7. Subscribe
  8. Contact Us

To add Menu items, You need to click on the Custom Links button, and within URL field, enter the website’s URL followed by a hash sign and the appropriate CSS ID to create the slug for each section. In the Link Text field, enter the menu title as you want like it to show on your website.

#Home– > Home

Once You have finished creating menu items, you will assign the menu to the appropriate location within menu settings and check the Primary checkbox, and click Save to save this menu.

Creating a Header/Footer for Your One-Page-Website…

You can create a header and Footer of your single webpage site from theme builder > Add new and select header give a name to it then start creating template.

Tagged :

How to Integrate Social Media Into Your Website?

Do you know that social media drives 32.63% of traffic to your sites? That’s KLCWEB recommended integrating social media into your website, so you can use social proof as a way of build up your brand and grow business.

To integrate social media accounts into your WordPress site, you can use All in one SEO Tools. All in one SEO tool will drive traffic to your site automatically. As we already discuss the top 5 SEO tools for WordPress, All in one IS one of them.

1.) You need to install All in one SEO plugin into WordPress, you can refer to how to install a plugin to your site here.

Once, you have done, go to All in SEO plugin > social network.

You will see all social medial components there, you just need to enter your social media accounts link and click on the save changes.

Enable Facebook Thumbnails to Boost Engagement.

We have studied deeply on website clicks and we identify that 40 to 45 % click comes from Facebook. So Facebook integration is most important.

Enable Facebook Thumbnails

To enable Facebook Thumbnails, go to all in one SEO > social network > Facebook and Enable open graph markup

Tagged : /

WordPress 5.7.1 released.

There are 26 major bugs fixed in WordPress 5.7.1 also security issues resolve now. KLCWEB recommended updating your Web site immediately from WordPress Dashboard > Updates and click Update Now.

WordPress 5.7.1 is a short-cycle security and maintenance release. The next major release will be version 5.8.

Security Updates

Two security issues resolved in WordPress versions between 4.7 and 5.7. If you haven’t yet updated to 5.7, all WordPress versions However, 4.7 have also been updated to fix the below security issues:

  • SonarSource for reporting an XXE vulnerability within the media library affecting PHP 8.
  • Mikael Korpela for reporting a data exposure vulnerability within the REST API.

How to install SMTP Plugin in WordPress?

As our previous WordPress article we have discussed many things about WordPress, Today we discuss about SMTP to send an email via your WordPress, If you have online shopping site. Then your site has to SMTP to send clients order details.

What is SMTP?

Simple mail transfer protocol is ISP for sending an email. SMTP need to hostname and port. Hostname like mail.yourdomain.com and Port 25.

> First, Login to WordPress admin panel > plugins > add new plugin.

> Search SMTP in a search box, Easy WP SMTP’, ‘contact form 7and WP Gmail SMTP is recommended by KLCWEB, you can use one of them.