post image for 6 Places You're Making a Fatal Website Design Mistake

The Internet is a vast world of information. There are countless websites out there, so it’s natural that we all make mistakes and slip up occasionally. Check out this article about how When it comes to website design, how can you know for sure if your site is on the right track? The answer lies in checking for these six common fatal website design mistakes:

  1. Not having a clear call to action
  2. Not using enough white space
  3. Too many fonts on one page
  4. Poorly placed navigation buttons
  5. Using too much text in your design 
  6. Not making the website responsive for mobile devices

Check out this previous article

Not having a clear call to action.

One of the essential things for any website is a clear call to action. A visitor should know what they are supposed to do when visiting your site, and it’s up to you as the designer or owner of that site to make sure this message comes across loud and clear with a prominent CTA button on any page you want your customer to land on.

But not all calls to action are equal. Most people spend so much time trying to craft the perfect message to promote their product or service, yet they fall short of winning. That is because the call to action needs to tell the reader what to do, and it needs to be motivating enough for the reader to take the action you want them to do. 

A general rule for a call to action is typically five to seven words, but that can vary. A call to action should concisely get the point across and not include unnecessary information such as how you found out about this article or what your opinion on it may be.

Here are five popular calls to action formulas used and are effective:

  1. Order your _______ today!
  2. Get started now!
  3. Start your free ________ now!
  4. Get your free _______ today!
  5. Try it free for ______!

Not using enough white space.

White space is essential to give the user a break from reading and makes it easier for them to skim your content. White space also helps with how readable text is, even when there are not many words per line.

A good rule of thumb is that you should use at least one more inch of white space than you have text on each page or screen.

White space, also known as negative space, can be described as an area on a webpage that has nothing but blank or empty background. White space allows for easier reading and skimming of your content because it gives users’ eyes a break from the constant text.

A trick that can help eliminate or break up large blocks of content is summarizing them and using them as bullet points.

Too many fonts on one page

Using too many fonts on one page can be distracting for the reader, and it is usually an indication that you are using this technique to make your text more interesting.

While there’s nothing wrong with changing font styles every so often, especially in larger chunks of content, too many fonts can be devastating. If you have too many different fonts on a single page or screen, then they may start competing against each other as well as from what people have initially been looking at when they came to your website. This will confuse readers in which case could result in them leaving without taking any action.

The best solution is to use a maximum of two fonts per webpage unless there is a good reason not to do so (such as conveying multiple moods). It would be best to remember that readability and consistency are most important for anyone looking at your website.

Bad website Navigation

Good website navigation is crucial for any site. Whether it’s a simple blog, an e-commerce store, or anything in between, your visitors need to be able to find the information they’re looking for as quickly and efficiently as possible.

Here are three quick ways to improve your navigation:

  1. Stay away from generic wording such as “services” and “products.” It is best to use descriptive words that describe the contents of the page. 
  2. Try to limit how many pages you have on the navigation bar. Having too many navigation tabs can overwhelm and distract them from the reason they went to your website in the first place.
  3. As creative and unique as you want to be, sometimes sticking with the nor can yield significant benefits. Sticking to a horizontal nave bar above the page is something that many people expect to see and is often the first place on the screen they look at while visiting. 

Also, when you have large blocks of content on a page without links anywhere nearby, then your visitor will spend time scanning back and forth until they finally find one that jumps out at them. This can lead people to get frustrated with your site because what should only take seconds ends up taking minutes – which means less traffic on your site overall.

Using too much text in your design 

For websites with a lot of text, the content can often be too dense and overwhelming. This is especially true for users on mobile devices who are scrolling through your website with their fingers rather than clicking to jump around. Your audience may not have time to read all that information in one sitting, so they’ll get frustrated when you don’t shorten your text or highlight essential words to help readers find the answers your reader is looking for. Try breaking up some of those long paragraphs into smaller chunks instead of packing it altogether if you want people to read through what’s there!

Not making the website responsive for mobile devices

More and more people are using their mobile devices to browse the web. Statista reported that as many as 54% of all Internet traffic is from a mobile device! 

But not everyone has access to, wants to be on their computer, or is on the go, so they can’t enjoy your site’s design on such a large screen. That means you’ll be excluding half of your audience if you don’t make sure that it looks good for any size device! You should test how your website works on different computers (desktops, laptops) with varying resolutions and monitor sizes; this will help ensure that the content gets delivered correctly no matter what kind of machine someone is viewing with.

Conclusion 

A website is an essential part of marketing your business. However, it can be challenging to know if you are on the right track with web design when there are so many websites out there. One way to ensure that your site looks great and functions well is by checking for these six common mistakes. Have you been making any of these website design mistakes? 

Subscribe

* indicates required

How to Make Your Website SEO-Friendly cover photo

We all know how important it is to make our website SEO-friendly and the only way to do it is by increasing organic search ranking. The days of stuffing keywords and paying for ads are long gone, but that doesn’t mean we stop looking out for ways to improve the search engine ranking of our site. One way is by making sure you have a mobile-friendly design, and another one is by optimizing your WordPress blog posts for organic search engines.

Use keywords in your blog post title.

It’s essential to include a targeted keyword in your blog post title if you are thinking about increasing organic search ranking. By doing this, Google may rank you higher for that term because it is more likely to be relevant and helpful content. Ensure not to stuff keywords or use them unnecessarily, though – the key is using targeted keywords appropriately.

Here is a tip, according to Wordstream, “50% of search queries are four words or longer.”

Search queries or keywords that are four words or longer are called long-tail keywords. Long-tail keywords tend to be more effective because it shrinks the competition to be on Google’s first page. 

For example:

instead of wanting to make my title for this article “Tips on how to use SEO.”

SEO already has a saturated market full of websites trying to compete for ranking high for SEO.

This is why narrowing it down with long-tail keywords becomes effective. 

“How to Make Your Website SEO-Friendly: Tips for Increasing Organic Search Ranking”

“Make your website SEO-Friendly” and “Increasing Organic Search Ranking” are forms of long-tail keywords that can boost my SEO and decrease competition. 

The easiest way to find forms of long-tail keywords is with the Google search bar. 

image of using google search bar to find keywords
Image of using Google Search to find long-tail keywords.

Although keywords are important, It is much more important to think of the reader first and then think keywords.

Add meta descriptions to each blog post.

Meta descriptions tell Google what your blog post is all about. The descriptions are essential for helping Google stay relevant with what readers are googling. It’s necessary for search engine optimization because this description can show when someone does an internet search, and it also appears as the snippet on SERPs (Search Engine Results Pages).

The meta descriptions should include targeted keywords but don’t overstuff them, or you will risk being penalized by Google.

The general rule for writing meta descriptions is:

  • Don’t focus too much on character count and focus more on describing to the searcher what your article is about. 
  • Draw interest to the person seeing your description. Starting with a question is always a great way to create interest because a question helps lead the reader into wanting to read more. 
    • Ex: “Do you want more traffic? this article will give you insight on how to increase organic search traffic by making your website SEO-friendly.”
  • Use your keywords. I used the two long-tail keywords that I want to rank for in the meta description as shown above. Always use the two long-tail keywords in your description that you also use in your title. 
  • This rule is essential, DO NOT DUPLICATE your meta description. Duplicating descriptions is one of the common reasons why Google penalizes websites. Every meta description should be unique and never the same. 

Include a keyword-rich header tag 

Header tags are for headings and sub-headings.

header tags consist of 

H1, H2, H3, H4, H5, H6

The most common tags used are H1, H2, and H3. Due to many websites getting in trouble for not being ADA compliant, It’s important to use tags consistently. 

For example, H1 should always be the page title. H2 should be used for page title sub-headings or page headers. H3 are for sub-headings for page headers.

When it comes to SEO, one of the most important things is your metadata. That’s why you need to include keywords and keyword phrases in as many header tags as possible – tags.

Create an XML sitemap for search engines to index your website more efficiently.

An XML sitemap is a file that lists all of the metadata of your page on your website that helps with increasing organic search ranking. This will help search engine crawlers index your site more efficiently, which in turn improves your organic rankings for those keywords and phrases you want to rank higher!

With WordPress, access to your XML site is easy to do. All you need to do add wp-sitemap.xml at the end of your domain. 

ex: mywebsite.com/wp-sitemap.xml

In 2020, WordPress added this feature for version 5.5. 

Make sure you have the correct tags and categories set up on WordPress

If you are new to blogging, there is a lot of information on setting up tags and categories to make your site more search-engine friendly. Google has an excellent resource for this as well!

Don’t forget that good content with proper formatting will rank higher in the SERPs than spammy articles or poorly formatted ones without.

Categories are parent topics for your posts. You can use them to organize the content on your site, like a table of contents in an e-book or magazine. 

Categories help you group all their posts, so it’s easy to find what you’re reading are looking for. Use categories at different levels – main level ones will contain other more specific terms that may apply only under certain circumstances, such as “business,” which has blog entries about work experiences. Sub-categories are for topics related to another topic.

Category: 

  • Website

Sub-Catagory: 

  • WordPress
  • SEO
  • Page-builders

Tags are to describe specific details of your posts. Think of these as the index words for your site’s content, letting you micro-categorize it at will. Tags can not be hierarchical in any way; they’ll appear with related tags next to them, like on social media sites such as Tumblr and Facebook if users have search options enabled or follow tags that match what is being searched. 

Write posts with content relevant to your site’s topic, not just filler text or spammy links.

according to Google, spammy articles is defined as:

“A rich result may be considered spam if it harms the user experience by highlighting falsified or misleading information. For example, a rich result promoting a travel package as an Event or displaying fabricated Reviews would be considered spam.”

Google has been cracking down on websites with spammed articles, and if you want to avoid being penalized by the search engine giant, make sure your posts are full of quality content. Of course, I doubt this is you. 

But once again, it is essential to highlight the relevance of your content.

For example, an article about a new phone case won’t do well if it has a misleading title. One of the best ways to show relevancy is by including keywords in your title or introduction paragraph and then linking them with related posts for relevant readers.

Conclusion

These WordPress SEO tips should give you a headstart in increasing organic rankings for your website!

If you want to maximize your website’s visibility in search engines, make sure it is mobile-friendly and that you are optimizing WordPress blog posts for organic search. This will not only help with the SEO of your site but also increase traffic. Contact us today to learn more about how we can start improving your website’s exposure on Google!

Feature image for the need to know about wordpress child themes

In this article, I hope that I clarify the idea about WordPress child themes, the uses of a child theme, and how to create a child theme. 

this out a doubt, the most common questions clients asked me about WordPress child themes are: 

  • What is a WordPress child theme?
  • When do you need to create a WordPress child theme?
  • Why do you need a child theme?
  • What are some of the advantages and disadvantages of a child theme?
  • How to create a child theme?

What exactly is a child theme

A WordPress child theme is a WordPress theme that inherits the functionality and style from a parent theme. WordPress created the ability to create a child theme. Because any customization or functions added to a theme would be erased or could break the website whenever the user would have to update. An update is essential for security and the prevention of others hacking into your site. 

With a child theme, you can keep the customization done to your theme and continue to update your parent theme without losing your work or being available to hackers. 

This is the most significant benefit of having a child theme.

To learn more on how to customize your WordPress website. This article will help you achieve the design you want.

THIS IS HOW TO USE ADDITIONAL CSS BOX IN WORDPRESS

Why and When should you use a WordPress child theme?

Using theme frameworks helps designers and developers decrease the production time for creating a website that meets the clients’ needs. There are few occasions when creating a theme from scratch is beneficial, but it is unnecessary in most cases. 

Suppose users are going to customize and make tweaks to there CSS or functions of their WordPress site. In that case, requiring a theme to have a child theme is necessary not to lose your work when you update your parent theme. But if you are going to stay within the limits of the theme’s features, a child theme may no be necessary but would still be a good idea to do anyway. 

On top of everything else, another reason why using a child theme is great to have is because it acts as an extension to the parent theme. The user or developer can create a header.php, footer.php, templates, JavaScript, and CSS file and not worry about affecting the parent WordPress theme. Theoretically, the user can have more files than the parent theme and not worry about losing your work when updating. But if this is the case, I would recommend finding a parent theme with the functionality you need. 

What are the advantages and disadvantages of using a WordPress child theme? 

The advantages of using a child theme are

  • You can safely update your theme regularly.
  • Creating a child theme allows you to have the capability of creating a website that meets your exact needs.
  • It is excellent to have as a fallback just in case a custom functionality breaks. You can away go back to the original function. 

The disadvantages of using a child theme are:

  • There is often a kind of learning curve associated with the parent theme because each theme has its hooks and filters that make up the theme itself. 
  • Another disadvantage comes from the parent them. When dealing with clients’ WordPress websites where the framework’s developers abandon, I have run into many situations, lose interest in maintaining or get acquired by a different development company. 

How do you create a WordPress child theme? 

Fortunately, I have noticed a trend where themes are starting to come with their WordPress child themes attached. This is awesome because it saves you time.

But if a WordPress child theme is not available, then there are two popular methods to creating a WordPress child theme. 

  • Manually create a WordPress Child Theme through FTP or CPanel File Manager
  • Use a WordPress child theme plugin

Manually create a WordPress child theme.

locating the theme folder
  1. Either in your File Manager in your CPanel or through FTP, head to the Public_html > wp-content > themes folder. 

2. Create a new folder within that theme directory. I usually name the child theme after the parent them but attach the child theme afterward like in this example. I turn twentytwentyone into twentytwentyone-child. Do not use spaces for naming. 

3. Using a text editor like Sublime if you are using FTP or in your file manager’s text editor, create a file named style.css and add the following code. 

/* 
Theme Name: Twenty Twenty-One Child 
Theme URL: http://yourdomain.com
Description: This is the child theme of Twenty Twenty-One
Theme Author: Your Name
Author URL: http://yourdomain.com
Template: twentytwentyone 
Version: 1.0.0 
Text Domain: twentytwentyone-child 
*/

4. Make the necessary changes to the code to fit the child theme you are creating for yourself.

5. In the same directory, create a new file named functions.php and the following code inside the file.

<?php
add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
function enqueue_parent_styles() {
   wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}
?>

6. After this, log in to your WordPress website and make your way to the themes page. If done correctly, you should see the WordPress child theme.

How to create a WordPress child theme using a plugin. 

Image of the WordPress dashboard
  1. Head to the Plugins page in your WordPress dashboard.
Image of the WordPress dashboard

2. From your plugin page, navigate to “add plugin.” For this example, in the search bar, type child theme. I will be using “Child Theme Generator” to create our WordPress child theme. Install and activate the plugin. 

WordPress plugin page showing Child Theme Generator

3. From the plugins page, locate the “Child Theme Generator” and click on the “Create” option. 

selecting the WordPress theme from the drop down menu

4. In the drop-down, locate the theme that you want to use to create the WordPress child theme. In this example, we are going to continue to use the Twenty Twenty-One theme.

filling in information to create the WordPress child theme

5. In the “Heading,” type the name you want to give your WordPress child theme. Here I typed “Twenty Twenty-One Child,” and for the “Description,” I placed a description about the child theme being created, “This is the child theme for Twenty Twenty-One Theme.” After you are done filling in the two fields, create the new child theme.

finalize the Child Theme installation and activation

6. Check the “Activate child-theme” box and then click the finished button.

preview of the WordPress Child theme

7. Go to the Themes page in your dashboard, and you should see the new child theme created and activated. 

Conclusion

I hope you now have a good grasp of the importance of a WordPress child when to use, the pros and cons, and how to create a child theme for your WordPress website. My goal for this article is to provide easy to consume knowledge about WordPress and Web Development. 

Please share if you found this article helpful!

contact me

featured image for how to use add css in the theme customizer

WHAT IS ADDITIONAL CSS BOX?

One of the features that make WordPress such an awesome framework is the Additional CSS Box located in the Customize menu. When using themes, there are some elements that cannot be changed and it can get frustrating because we all love to add a personal touch to our WordPress website. 

This blog, We will give you a brief lesson on

  • What do I need to Know
  • How to add CSS to the box
  • Guide through Dev Tools
  • What is !important

WHAT DO I NEED TO KNOW?

First off, If you know some CSS than congratulations! You can skip this part (link to section)

But if you do not know any CSS, then do not worry, this lesson will cover on only what you need to know.

CSS is a language used to design the frontend of the website, HTML is the bones and CSS is the physical features. And CSS uses a specific way to structure its code. for example:

.thisIsAClass { color: blue; }

Up above is the basic structure of the CSS code.  Down below show that CSS is created using three components. There is the selectorproperty, and value.

.thisIsAClass (selector) {
color (property): blue(value);
}

Not very intimidating right!

Thankfully, this concludes this part of the lesson. Straight forward and simple.

NOW LET’S MOVE ON TOO WORDPRESS

We are assuming that you practically know your way around WordPress.

So for this lesson, we will be using WordPress theme Twenty Nineteen as our sandbox. So first, let’s make our way to the Dashboard and select Appearance > Themes.

Wordpress dashboard showing the location of the themes page.

This will take you to the Themes page of WordPress and as you see we have the Theme Twenty Nineteen selected and activated

This is the Theme page in the WordPress Dashboard

Now here is a shortcut to the Homepage;

Hover over the Site Title, in this case. After you hover a drop-down menu will show “Visit Site”. Click on it and it will take you to the current or default Home Page.

Shortcut to the home page from the dashboard within WordPress.

Here you see the homepage. It is very basic but it will do.

We are going to first focus on the Hello World! heading of our WordPress website.

the homepage of WordPress Twenty Nineteen Theme

On the top of the page, you will see the Customize option. Click on the option to access the Customization Menu for the Website.

Image showing the location of the Customize option in the WordPress Menu bar

INTRODUCING THE CUSTOMIZATION MENU

This menu varies with different WordPress themes you will pick but all of them should have the Additional CSS tab. After clicking on the CSS tab, the Additional CSS Box will appear at the bottom.

Going back to the brief yet important example of how CSS works.

I bet your thinking “How do I know what selector to target?”

This is Google Dev Tools is the get to know tool for designers and developers because it can aid us in many situations. However, I’m going to use the Element inspect feature.

To access Dev Tools you must:

Mac: Command + Option + I

Windows:

Once Dev Tools is activated, be sure the Inspect Element icon is highlighted blue. While activated, you will be able to see all the elements that make the webpage look the way it does, from padding to marginsh1 to h6, and the div tags created. It’s pretty amazing to see.

This lesson we are going to change the color of the front black to blue.

So we dragged the pointer to the “Hello World” heading, after selecting the element, on the bottom of the page there is a line of selectors to choose from.

Once again don’t be intimidated, its best to start from the two or three selector groups from the right-hand side.

For example, there is:

header.entry-header h2.entry-title a

It is not shown but we first selected the group “h2.entry-title a” and there was no response. Afterward, we choose “header.entry-header” and the page title turned blue.

So in the Additional CSS Box, we entered the following code:

header.entry-header { color: blue; }

When finding the right selector to target. Enter the first selector you wish to try and if you get no response than keep the property and value entered and just change the selector.

We first entered:

h2.entry-title a {

color: blue;

}

(no response)

Afterward, we tried:

header.entry-header {

color: blue;

}

(color responded)

just changing the selector will save you time from entering and reentering the code in its entirety.

LET’S TRY ANOTHER

Now, we want to change the background of the website.

Repeating the steps from the previous section, we select the Inspect Elementfeature and select the header section (highlighted blue).

Now we try to find the selector to target the background which in this case is the following code:

main { background-color: black; } 

Then we change the font color from the previous code from black to white and we select the paragraph text of the section “div.entry-content” and change the font from black to white.

Which ultimately looks like this:

Understanding how the Additional CSS Box is very valuable to know. But you must also keep in mind that this is a simple page. When customizing your theme, you will run into some crazy looking selectors. Just keep in mind to be patient when learning how to customize.

Now there is one last thing to show.

THIS IS !IMPORTANT

The way WordPress CSS works is by a hierarchy. There are different ways to modify the CSS in WordPress, either through FTP, the Theme Editor, and the Additional CSS Box. The way we are showing you is the most recommended way to customize because it will prevent you from getting into a horrible situation. This will be explained late on a different blog.

but the reason I bring it up is that when you choose a theme and then introduce a page builder into the mixture, sometimes the hierarchy becomes scrambled so-to-speak.

Let’s say you want to trigger a selector but it is not changing. The !importantstatement gives that code priority over the hierarchy. but its always good practice to use it when needed because adding the statement can possibly through off other elements.

To use the !important statement, you simply add it to the right of the value and before the semicolon.

example:

div.entry-content { color: white !important; } 

Adding the !important to the value in the code will say this element is important and needs to be a top priority.

QUICK NOTE:

Its good practice to add comment statements above the css code that you create so that you can know what that code is for. It also helps for anyone who wants to change it later what css code does what in the website.

This what it should look like:

TL;DR

If you want to customize specific elements in your webpage that your theme will not offer, You can change it through the Additional CSS Box.

To get to the Additional CSS Box, go to the page that has an element that you want to change (e.g font, font size, color, background color, etc.) and activate the Customize option on the top of your page to the left.

The Customize menu will appear and at the bottom will be the Additional CSStab.

After selecting the Additional CSS tab, there will be an input area at the bottom.

Now, activate your Dev Tools and find the selector of the element. Input the selector {property: value; } of the element.

if you are not sure you picked the right selector or if there is a hierarchy issue with the element add the !important statement to the right of the value but before the semicolon.

ex

selector { property: value !important; } 

Once the element has changed, hit submit to save.

You dont have to go at it alone!

WordPress allows your website to come to life with a few CSS customization. If you want a website that is custom tailored to meet your business identity. fill out the contact form below. Your business deserves to make a great first impression to a world waiting to build a relationship with you.

contact me

feature image of how to secure a wordpress website jjramirez albuquerque website design

I often hear that WordPress is the least secure website framework to use. It is the most hacked framework around only because it is the most used website. But the developers at Automatic, the company that owns WordPress, continue to look for a new way to maintain the integrity of the framework. Nothing is ever 100%. All website frameworks, such as Drupal, Squarespace, Wix, and more, are prone to be hacked. 

But here is some good news!

There are ways to strengthen the security of your WordPress website. Here are the four ways that I use for the websites that I build on an everyday basis. 

  • Easy Hide Login
  • Limit Login Attempts
  • Wp Hide + Security Enhancer
  • Malcare

Easy Hide Login

Easy hide login is a plugin from Arshid. What does this plugin do? WordPress has a standard way to reach the login page. You can either do www.example.com/admin or www.example.com/login; either way will redirect you to a WordPress website’s login page. This being the case, finding the login page is very easily accessible to hackers who want to run a Brut Force Attack. A Brute Force Attack is a script runner through a bot that will run 1000 user names and passwords in a minute, and it will keep doing this until it finds the right credentials. Installing this plugin will allow you to change the login page name. Instead of www.example.com/login, you can rename it to www.example.com/bet-you-cant-this-login or, even better www.example.com/6kj34oijm4k6. Creating a custom login page will make it a challenge for those pesky hackers trying to get in. 

Installing this plugin is easy and straightforward to set up. Install the plugin and activate, then hover on the settings tab, and you will see Easy Hide Login. Click on the Easy Hide Login setting and change the name of the login URL. 

plugin price: Free

Limit Login Attempt Reloaded

As mentioned above about a Brute Force Attack, let us say that a hacker can access your login page. Limit Login Attempts Reloaded comes in handy because it does like it’s named. You can set the limit of login attempts before the login page lockdown for 20 minutes or however long you set the parameter. That is the greatest thing about this plugin; it will record any IP addresses that try to force their way to pass the login. 

Once this plugin is installed and active, the plugin settings will be found in the admin dashboard settings tab. The settings for this plugin allows you to set the parameters that you want. 

plugin price: Free

Wp Hide + Security Enhancer

Three folders are the primary goal of hacking into a WordPress website. 

  • wp-admin
  • wp-includes
  • wp-content

These three folders make up the WordPress framework, and every WordPress framework folder has these names as a default. You could change these file names through the backend, but you would need the experience to ensure that nothing in your WordPress website breaks after changing the names. Fortunately for you, there is this nifty plugin Wp Hide + Security Enhancer. This plugin allows you to change the folder, theme, and plugin file names by creating redirects in your .htaccess folder. By making the redirect links, the plugin overrides the default names with the new names. So instead of www.example.com/wp-content/themes, it changes it to www.example.com/my_assets/95jhojn6. The file name change will create an extra security level that will repel script attacks that try to gain access into these important folders to plant backdoors. You do have to be careful with this plugin because it might, and I mean on a rare occasion, will break your site, but this plugin will give you a recovery link. 

If you change a folder name in the scenario and suddenly get a 404 page not found or a critical issue message, the recovery link will override the change. 

Do not lose the recovery link!

On an honest note, I have only had one bad experience with this plugin, but it was my fault for breaking the site. I did not save that recovery link. 

Overall, this plugin is essential because of the feature listed.

plugin price: Free

MalCare

Malcare is a subscription service that scans malware and cleans your website if there ever is an issue with your sight becoming hacked. The best thing about Malcare is the easy ability to harden security through the Malcare dashboard. The way it adds the extra protection is by: 

  •  Block PHP Execution in Untrusted Folder: This action stops hackers from uploading malicious scripts if they gain access to your website. 
  • Locks the Theme editor: By default, admins can access the theme editor through the Appearance tab in the dashboard. Locking it to everyone, including admin, will block everyone, including hackers, from accessing the themes files. 
  • Blocks theme and plugin installation: Like the Block PHP function, This will lock the theme/plugin installer. The only way you would add new plugins and/or themes is by doing it directly through the Malcare dashboard. 
  • Changing security keys/ reset all passwords: Hackers gaining control of the wp-config.php is the equivalent of someone stealing the keys to the entire kingdom. Changing Security keys will prevent anyone from gaining control of your website database and WordPress framework. 

Malcare is a paid service. However, some plugins will have some of the same features as Malcare, the two being notable are Securi and Wordfence. Both plugins have a free and pro version, but I learned that the free version would be sufficient if you start building yourself a website. 

Conclusion

I take securing my client’s websites very seriously, and I hope that you do the same. Although nothing is ever 100% safe, minus some advanced techniques that I use, these four steps I take can be executed by you with ease and with a minimal learning curve to how to use these plugins. 

Whether you have a website that is promoting your business or selling products using WordPress E-commerce, there are many reasons why websites are targeted by hackers. I go the extra distance to make sure what I am building is as secure as possible. If you have a business or are an influencer that needs a website, feel free to contact me!

contact me