SEO Tactics and Trends for Websites in 2021

Featured Imgs 23

Every year, the SEO landscape evolves to meet the needs of algorithm updates, user demands, and other technological advances. Does that mean 2021 is going to introduce a lot of changes? Probably not. You will find that much of 2021 is going to reflect SEO trends from 2019 and 2020. That said, there are some trends that continue to hold strong, such as the saying “content quality is king.” 

To make your content all the more relevant, however, you need to fine tune your SEO strategy. Lucky for you, we have put together information on several SEO tactics and trends to get you ahead of the competition in 2021. Check them out. 

1. Your SERP (Search Engine Results Pages) is More Important Than Ever

One thing that many are noticing is the continuous fluctuation of search rankings. Whenever Google releases an algorithm update, your website’s ranking is going to be affected. Your ranking may move several spots. It is rare when a website’s SERP remains in the same spot. 

But that doesn’t mean you should ignore SEO and SERPs. Once your rankings have improved, website traffic will increase. 

Your position on that first result page is so, so crucial. Sometimes, there are less than 10 spots, depending on the ads and snippets and other information. If you aren’t ranking for a topic, you need to reconsider your SEO strategy. 

That’s the first step you should make: review your strategy for 2021 and figure out what is obsolete. 

2. The User Experience (UX) Must Be Emphasized

The user experience (UX) has swiftly grown in importance throughout the past couple of years. That is because Google has begun measuring UX and, if your site doesn’t have enough of it, the algorithms will keep you from a top ranking SERP. 

Ouch. 

But why is UX so pivotal in your site’s success? Consider this: a user who we’ll call Tom visits a website after making a query through Google. Within seconds, Tom decides to return to Google. Then, he checks a second website and never has to return to the search results. Google will notice how Tom reacts to both websites and will decide that the second site is much more satisfactory. 

This action between Tom, Google, and the websites is known as “pogo sticking,” where a user will visit a couple of sites before finding one that they stick to. To Google, it’s a display that says the user wasn’t satisfied with something on the sites they left. And when users aren’t appeased, Google isn’t either. 

So, how do you increase the user experience for 2021? Here are some tips: 

  • Add mobile-friendly elements. If the site doesn’t look good on a smartphone, you are going to get a lot of users ricocheting off and going back to Google within seconds. 
  • Make sure links and buttons all go to the correct destination. 
  • Increase the page load speed. A slowly loading page is the main reason someone returns to Google. 
  • Make sure of analytics, A/B testing, and heat maps to understand user behaviours. The more you understand their interests, what they search for, and why they leave, the better you can appeal to them. 

All of these are part of something called Core Web Vitals, or standards of website development. The more you fine tune your website design to meet those standards, the better off the UX will be.

3. Focus on Passages

Google recently announced in October 2020 that it will now index passages, not just web pages. This means that a web page with multiple paragraphs now has a chance to rank for every single piece of content rather than the emphasis being on the first sentence at the top of the page. 

Google described this new feature: “By better understanding the relevancy of specific passages…we can find that needle-in-a-haystack information you’re looking for.” In other words, if the final paragraph of a 20-paragraph page has relevant information, Google can now pinpoint that and show it as part of the search query result. 

What does this mean for you? It simply means you can develop your ideas more fully and not have to worry about cramming all kinds of information into the beginning of a web page. 

4. Featured Snippets

What is a featured snippet? You have seen them before—those little blurbs of text at the beginning of the SERPs that aim to answer your question. The content is automatically pulled from pages that are indexed by Google. Consider the featured snippet as #0, because it is above even the treasured #1 spot. 

Landing the featured snippet is highly advantageous. Not only does that give you a spot well above the competition, but you get seen. Sure, people might not click on the featured snippet for more information. It doesn’t matter. Your visibility increases dramatically, leading to more click-throughs. 

So, you should do some keyword research for a topic then create a set-up that would put you in the running for the featured snippet position. 

5. The Long and Short of It

Throughout the years, the best length for blogs and other content was always a point of contention. Some people said that longer content was better, while others claimed that short bits of information are more appealing. The answer as of 2021 is that it depends. 

It depends on the reader, the demographic, the keywords, and the amount of information it takes to answer all the questions someone could potentially have. You also have to ask yourself, “Do I really need a 3,000 word article when a 5-minute quick video has the same result?” There are some cases when a longer, more thorough discussion is going to be beneficial, but you can balance it out with shorter clips of information that are easily digestible. 

There is one thing you don’t have to worry about so much now, though. Google has stopped paying so much attention to the keyword densities and word count. Now, you can focus on the content and providing clear, concise information. That will help you rank more than fluffed up content ever will. 

6. Check Your Page Titles

The overlooked page title is more useful in 2021. Many lack optimization, and it ends up dragging you down in rankings. There are many ways to vary your page titles to draw more attention to them, such as dashes, complete sentences, and vertical pipes. 

For example, the title “The Best Hops for Homebrewing Beer,” can also be written as: 

  • Hops – Homebrewing – Beer 
  • Hop Varieties | Home Brew | Beer
  • and so on

You may have to test for which variance is most effective over a span of weeks. It may seem a bit difficult at first, because you might lose some ranks if the keyword relevancy doesn’t work as well as other variations, but you won’t know until you try. 

The key is to zone in on a keyword or long tail keyword then make multiple titles revolving around that keyword. You may add in a brand name or other details to help pinpoint a specific group of users, too. 

7. Check Your Content Headers

Similar to page titles, you can also adjust the headers throughout your website. Your instinct may be to over-simplify certain things, such as information about shipping and handling on your website. If you write a blog about it, you wouldn’t just call it “Shipping.” You would want people to know how certain elements of the shipping works, how orders are processed, what certain statements on their account mean, and so on. 

In the end, you might come up with a header like, “What You Need to Know About International Shipping and Handling.” Again, you can try multiple approaches to see which header is most favoured. 

8. Organic Backlinks

Recently, the quantity of backlinks leading to your page is far less important than the quality of those links. In fact, if you acquire far too many backlinks at once, Google will actually counter that attempt to rank quickly and hold your page back. One of the reasons for this is the black hat practice of buying links. 

So, in 2021, the best method for retrieving backlinks is to not concern yourself with them right away. Publish your content and focus on organic growth. Once your content has been live for a few months and has drawn some attention, you can then look for link prospects. It is more organic, and you will see more growth because of it. 

9. Optimize Alt Text, File Names, and Images

This is an age-old tip, but it certainly continues to influence rankings everywhere. If you want a better user experience, then you need to look at your images, files, and alt text. Faster load times can be unlocked if you decrease the size of image files. If you don’t know how yet, you can use an online tool called ImageOptim, which will get the job done quickly. 

You also want to name any files with keywords or something that will complement the alternative text. For example, if your blog is about the different kinds of cakes in the world, then you might have an image titled “Egypt-basbousa-cake.” You will then have alt text that states something like, “A sweet cake called basbousa from Egypt.”

10. Accessible Videos

Videos are an excellent way to boost website engagement, especially when you are posting them to social media. However, while those videos will get people interested in your brand and message, they are not always going to directly optimize your website. One useful hack that also adds to a page’s SEO is to provide a transcript. Not only does the additional text make your video more accessible to some users, but that content will help Google and other search engines zero in on the subject matter. 

You can automatically generate the transcript with services like Speechpad. Just clean it up before posting, and you have an easy, accessible post. 

11. Optimize Your New Content Immediately

By now, you should realize that every new page is a new chance to appease SEO standards, play up to UX, and work towards ranking on the SERPs. Whether you are making a single page or posting an entire cluster of information, you need to think about everything as having some kind of purpose. From the page titles, headers, subheaders, alt text, keywords, image names, captions, and so on, everything goes towards SEO. 

Don’t forget about any facet of your website. You should be doing long-tail keyword research, since that will give you a chance to tap into a specific demographic. In other words, your content should be answering questions, from top to bottom. Use those long-tail keywords to fine tune the content, potentially earning you more traffic, conversions, sales, and engagement. 

12. Embrace Voice Searches

Even if the technology has not yet been fully embraced, there are people who absolutely love to say, “Hey, Google,” and “Hey, Alexa,” somewhere close by. The reality is that voice searching can be a lot easier when your hands are full, and people are going to use what is available to them. Since devices like Echo and Alexa have grown in popularity, that means that voice searches are also increasing. 

While voice searches are no different from a regular search query done on the phone or computer, it does mean you have to consider how someone might naturally ask a question. Again, this is where long tail keywords come into play. People aren’t just going to say, “Buy space heater” to their Echo Dot, they’re going to speak as if talking to someone else: “Hey Echo, where can I buy a space heater?” 

Keep that in mind while making content! 

Final Thoughts 

With these tips and trends for SEO in 2021, you should be able to unleash more potential and absolutely dominate the search engine result pages. Quality of content will continue to hold sway over keywords and everything else you do. So commit fully to the user experience and entice people to stay longer on your site. From there, your rank should rise. 

Shopify Deprecates Kit Skills API

Featured Imgs 23

Shopify has announced that Shopify Kit Skills, an app extensions service that was intended to serve as a “free virtual employee,” will be deprecated as of April 1st, 2021. Developers utilizing the associated API will have until August 31, 2021, to accommodate this change. 

The Shopify documentation describes the purpose of Kit Skills as:

Analyze HTML Now Chill About Tabs

Featured Imgs 23

We use a linter called HTMLHint for our “Analyze HTML” feature. So that tool is what gives us the errors you might see when using that feature:

There is a particular rule in HTMLHint named space-tab-mixed-disabled, the purpose of which is to warn you when you are using inconsistent indentation. Like you are allowed to use spaces, or tabs, but not both, which is a good practice for clean code. We had that misconfigured where it wanted only spaces, so if you preferred tabs and set up your editor to use tabs (completely fine, of course), the Analyze HTML feature would bark at you about that. Now if you use tabs, and do so consistently, Analyze HTML will be chill about it.

The post Analyze HTML Now Chill About Tabs appeared first on CodePen Blog.

How to Fix the Missed Schedule Post Error in WordPress

Wp Plugins

Do you want to fix the missed schedule post error in WordPress?

WordPress comes with a built-in feature that allows you to easily schedule posts to be automatically published at a later time. However, sometimes you may notice that scheduled posts don’t get published at all.

In this article, we’ll show you how to easily fix the missed schedule post error in WordPress. This will allow you to ensure that your scheduled posts are published on time.

Fixing the missed schedule post error in WordPress

What Causes WordPress to Miss Scheduled Posts?

Your WordPress hosting environment or plugin conflicts may cause WordPress to miss scheduled posts.

Normally, when you schedule a WordPress post to be published later, WordPress uses a technology called ‘Cron’ or ‘WordPress Cron‘ to automatically publish your post on time.

However, if your WordPress hosting server or a plugin is affecting the cron jobs, then WordPress would miss the scheduled tasks such as publishing scheduled posts.

Missed schedule error for a blog post in WordPress

Your other cron jobs may still work occasionally like checking for updates or deleting auto-saved drafts. That’s because once the publishing time is missed WordPress will not publish the blog post on a different time.

For most users, it does not happen very often and for some users it can become a common WordPress issue.

That being said, let’s take a look at how to easily fix the missed schedule post error in WordPress.

Fixing The Missed Schedule Post Error in WordPress

First thing you need to do is install and activate the Missed Scheduled Post Publisher plugin. For more details, see our step by step guide on how to install a WordPress plugin.

The plugin works out of the box, and there are no settings for you to configure.

How does Missed Scheduled Post Publisher plugin work?

The plugin simply checks your website every 15 minutes to see if a scheduled WordPress post has missed schedule.

If it finds any missed schedule items, then it changes the status from scheduled to published.

It works for posts, pages, products, and any other custom post types that you may have on your WordPress website.

We built this plugin to ensure it doesn’t impact your WordPress site speed because we know speed is important for SEO. This is the plugin we’re using on our own sites.

Troubleshooting Missed Scheduled Posts Error in WordPress

If installing the plugin does not immediately fix scheduled posts error on your website, then the following are a few tips that you can try.

1. Check Your WordPress Timezone Settings

Setting your timezone is one of the first things to do after installing WordPress. However, sometimes users miss it and their WordPress timezone doesn’t match the timezone they want to use for publishing and managing their website.

Simply go to Settings » General page and scroll down to the ‘Timezone’ section. From here, you need to select your timezone or the timezone you want to use for your WordPress website.

Set timezone in WordPress

Don’t forget to click on the Save Changes button to store your settings.

2. Clear WordPress cache

If your WordPress posts are still missing schedule, then it is likely due to a poorly configured caching plugin. Try clearing WordPress cache and make sure that your WordPress caching plugin is properly configured to automatically clear cache at regular intervals.

3. Increase WordPress memory limit

Your WordPress website may be struggling with low memory limit issue. You can fix that by allowing WordPress to use more server memory which let’s WordPress run better.

Simply add the following code to your wp-config.php file ust before the line that says ‘That’s all, stop editing! Happy publishing.’

define('WP_MEMORY_LIMIT', '500M');

For details, see our guide on how to increase memory limit in WordPress.

We hope this article helped you learn how to easily fix the missed schedule post error in WordPress. You may also want to see our guide on how to easily troubleshoot WordPress errors on your own.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Fix the Missed Schedule Post Error in WordPress appeared first on WPBeginner.

How to Animate the Details Element

Category Image 091

Here’s a nice simple demo from Moritz Gießmann on animating the triangle of a <details> element, which is the affordance that tells people this thing can be opened. Animating it, then is another kind of affordance that tells people this thing is opening now.

The tricks?

  1. Turn off the default triangle: details summary::-webkit-details-marker { display:none; }. You can’t animate that one.
  2. Make a replacement triangle with the CSS border trick and a pseudo element.
  3. Animate the new triangle when the state is open: details[open] > summary::before { transform: rotate(90deg); }.

This only animates the triangle. The content inside still “snaps” open. Wanna smooth things out? Louis Hoebregts’ “How to Animate the Details Element Using WAAPI” covers that.

Here’s a fork where I’ll combine them just because:

I see Moritz put the cursor: pointer; on the summary as well like Greg Gibson suggests.


The post How to Animate the Details Element appeared first on CSS-Tricks.

You can support CSS-Tricks by being an MVP Supporter.

YIELD App Adds API for Decentralized Financial Products

Featured Imgs 23

YIELD App, a provider of traditional and decentralized financial (DeFi) services, has announced a new API that is intended to provide third-party organizations with access to high-yield cryptocurrency products.

This new offering is announced in partnership with Finxflo, a popular liquidity aggregator, and will allow their customers to engage with YIELD App products without leaving the Finxflo ecosystem. 

Code Folding of Sass

Category Image 052

The .sass variant of Sass isn’t nearly as popular as SCSS. If I had to guess, it would be because SCSS is totally compatible with CSS in that any valid CSS file is a valid SCSS file, which makes SCSS easier to transition to both in terms of coding and the mental shift.

But anyway, the .sass variant is still kinda cool. It doesn’t use curly braces ({}) or semicolons (;) so it can be a little easier on the eyes, perhaps. It uses “white space” indentation, so like:

body
  background: red 
  margin: 1rem

What’s new around here is that you can now code fold that on CodePen, which never used to work. Here it is in action:

Hopefully this is useful to all y’all that like the .sass syntax.

The post Code Folding of Sass appeared first on CodePen Blog.

How to Easily Convert Forms to PDF with Forminator and E2Pdf (For Free!)

Featured Imgs 13

Thanks to Forminator and E2Pdf, you can now quickly and easily generate a PDF from a form in WordPress. This makes it as simple as ever when creating agreements, contracts, certificates, licenses, and more directly from a form on your WordPress site.

Plus — it’s free!

As you’ll see, when these two get together, they form a PDF-ect team.

To kick things off, watch Forminator and E2Pdf in action in the video below. Then, once you get a glimpse of how they work together,  we’ll break-down all the information in detail throughout this article.

As you can see, Forminator and E2Pdf can deliver some amazing PDFs as easily as ever.

You should already be familiar with Forminator. He’s our popular 5-star form building plugin that can create amazing forms, quizzes, polls, registration forms, and much more in just a few clicks.

Forminator banner.
Forminator is the champ at simplifying form building.

And when it comes to PDFs, E2Pdf is another popular 5-star rated plugin that features PDF Document Viewer, PDF Document Editor, PDF Data Injector, and other awesome features.

E2Pdf banner.
E2Pdf is ready to include PDFs with your WordPress quickly and easily.

You’ll see how the combined forces of Forminator and E2Pdf can allow your users to fill out a form on your WordPress site and have it become a PDF.

If you haven’t already, download Forminator and E2Pdf. Once you have them installed and activated, you’ll be ready to follow along as we create some PDFs directly from our WordPress form.

Now, let’s walk through how to create a PDF using three different methods that include:

Additionally, at the end of this post, there’s an opportunity to get a sweet discount for E2Pdf. Though it’s free to use, there are some upgrades you can make with WPMU DEV and E2Pdf’s partnership.

Ready to get your PDF on? Let’s get started.

Automatically Generating a PDF From a Form

This method creates a PDF template based on a form that was created in Forminator. It’s a way to get started with an established form instantly, so you don’t have to start from scratch.

Clicking on Templates from the E2Pdf admin and Add New will get you started. Once clicking Add New, a pop-up will appear where you will create the PDF.

Where you add a new E2Pdf.
The PDF is ready to be made!

From here, you’ll want to give this PDF a Title, select whether it’s active or not in the Status, and change the Width & Height.

You can also choose a premade custom selection from the Size Preset dropdown regarding the size. There are options for Letter, Note, Tabloid, and more.

You can see there are quite a few options already available to you.

Also, choose a Font, Font Size, and Alignment.

Once you have the prerequisites figured out, head to the Extension dropdown. This is where the integration comes into play.

You’ll notice that E2Pdf has picked up that Forminator is installed on our WordPress site and automatically included it as an option. Cool, huh?

I premade a form on Forminator and titled it “E2PDF Test Form.” You can see I have First Name, Email Address, Phone Number, and Message as the fields in the preview below.

Forminator preview.
A preview of my Forminator form shows all the fields.

Keep the Extension on Forminator, and then you’ll choose what form you want to use in the Item dropdown.

You’ll notice my premade Forminator form “E2PDF” is an option, so we’ll select that.

The name of the form that fields will be used.
The name of the form will appear in the dropdown.

When everything is set up, hitting the Auto PDF button will take care of the rest.

The auto PDF button.
You’re one click away from a PDF.

And just like that, we now have a PDF template that is created from a form. E2Pdf takes all the input fields and places them into a template automatically.

Test template.
The template is an exact copy of the form created in Forminator.

You can check out what it looks like by hitting Preview.

Preview of PDF.
The PDF in all its glory.

Need to edit? That’s a click away by clicking the gear icon for Options.

You can also drag and drop the fields around to rearrange any way that you’d like. Additionally, if you right-click (or use two fingers to tap if you’re on a Mac) on a field, it will open up the options for:

  • Map Field
  • Hide
  • Copy
  • Cut
  • Delete
  • Properties
The various field options.
All of these options are available in each field.

The PDF Builder located on the righthand side allows you to drag and drop Fields and Objects into your PDF form.

Drag and drop any additional details that you’d like.

Again, just hit Update if any changes are made, and you’ll be all set!

You’ll notice then that your new PDF for the form is in the Templates section of E2Pdf’s admin. From here, you can open it up, see if it’s active or not, and get the Shortcode for it (which I’ll be discussing soon).

Templates in admin.
The new template in the admin area.

Now that we’ve looked at how to generate a PDF from a form automatically let’s move on to…

Using a Premade PDF

Another way of creating a PDF from a form is by using a premade template and simply mapping data to the fields in it.

You’ll want to add a new PDF template by going to Templates > Add New. Then, title it, and include the settings you’ll want (e.g. width, font, etc.).

Make sure Forminator is selected as the Extension and choose the form used to add in all of the data.

Next, we’ll click Upload PDF, and we’ll select a PDF we want to upload as a template.

Upload PDF button.
Once you click upload, you can choose a file from anywhere.

Once uploaded, it shows up in the admin. In this example, I created one called “Another Example.”

PDF set up in Word.
You can see, I set this up like a contract.

Currently, none of the form fields are mapped on the template. Changing that is a breeze. All you have to do is add them manually from the PDF Builder — just like I showed in the previous example.

Fields you can place in the PDF.
Place the fields wherever you’d like!

As you can see, I added several input fields and a signature field.

Example of the new PDF.
My new PDF form has all of the fields now included.

Now, to choose how the data is stored in the form on Forminator, all you do is right-click (or use two fingers on a Mac) on the field and select Map Field. You’ll then click on the field in Forminator’s form for whatever selection you want.

All the data is quick and accessible to input.

Do this for every field that you want to include on the form and PDF.

If you’re happy with everything after hitting preview, just click Update and save your changes. It’s that easy!

The final method of creating a form that translates into a PDF is the…

Creating a PDF from the PDF Builder to Design a Template

This method creates a template by just using the PDF Builder. Like the other ways of creating PDFs, it’s fast and straightforward to set up.

You’ll start by going to Templates and Add New for a new template. As I previously demonstrated, name it and choose the settings that suit your needs.

Make sure Forminator is selected in Extensions, and choose a form that you’d like to use from the dropdown menu.

This time around, we will click the Empty PDF button because we will completely design this template.

Empty PDF button.
We’re going to start from scratch with this one.

Once clicking Empty PDF, it takes you to — you guessed it — an empty PDF page.

PRO TIP: When doing this, write everything down that you want to include on your PDF. That way, you don’t miss anything, and you can ensure that your PDF design is precisely how you want it before you start putting it together.

Once you know what you’d like to include, you can map all of the blank PDF fields by dragging items from the PDF Builder. Then, right-click (or use two fingers on a MacBook) to Map Field to the form inputs on the Forminator form.

Mapped PDF.
You can even add a company logo as an image.

As always, you can preview it. Once it looks good, click Save, and you’re all set!

How Users View, Receive and Download PDFs

The way users view, receive, and download PDFs all begins with shortcodes. Then, depending on where you add them, users can download, view, or save the PDF.

Each time you create a new template, it creates a shortcode accessible in the admin under Templates and each template. When clicking on Shortcodes, a dropdown appears that has several to choose from.

Shortcodes for the PDFs.
You can see the variety of shortcodes available in the dropdown.

Copy and paste a shortcode of your preference. Then, we’ll head into the form settings in Forminator.

From here, you’ll click on the form that you want and select Edit and then Behavior.

We’re going to add this shortcode to the inline message that appears after the form submission. I’ll also add a little note beforehand. This particular shortcode that I copied is to save the PDF.

Submission Behavior section.
Your user is now all set to save the PDF.

Additionally, after a user submits a form, they can receive an email. I’ll set up an Attachment option for the PDF that the user will receive.

Then, just copy the Attachment shortcode…

The attachment shortcode.
It’s the first shortcode on the top.

Go into Forminator, Email Notifications, and Add Notification (or edit, if you already have one set up). Finally, paste the shortcode that the user receives with your message.

Where you set up an email notification.
The shortcode in the message is all ready to go!

After a user submits a form, they’ll get an email notification with the PDF attachment. Here’s what this example email looks like:

How the PDF looks in the email.
As you can see, the PDF is ready to download.

When the user downloads the PDF, it will show exactly what was submitted on the form that the user filled out.

The downloadable PDF.
Here’s the example I used.

This is a great way to provide contracts, quotes, or any form to your user and yourself — all in an easy and accessible way via PDF.

E2Pdf Plus Forminator Form a Great Team

As you can see, E2Pdf teaming up with Forminator makes creating a PDF based on a form a reliable way to provide PDFs directly from your WordPress site.

There’s an endless amount of combinations you can create when it comes to forms that create PDFs. E2Pdf free version allows for one active page template at a time. That might be fine, depending on what you’re using Forminator and E2Pdf for.

However, if you need more templates than just one, be sure to take advantage of a special 20% discount for E2Pdf on our partners’ page.

And now, you should have the perfect PDF solution for you and your users!

Privacy Toggle in Context Menu

Category Image 052

It used to be that in order to change a Pen, Project, or Collection from public to private (or vise versa), you had to open it directly and edit it there. Now, you can make that change from anywhere you see them in grid, be it in the Your Work section, your profile, or anywhere else you see something you own.

If you have a bunch of things you need to toggle, this should be much faster, particularly in list view.

Privacy is a PRO feature, so if you aren’t PRO, you’ll see a message like this:

The post Privacy Toggle in Context Menu appeared first on CodePen Blog.