Tag: WordPress

  • Embed Google Spreadsheet WordPress With Specific Range

    Embed Google Spreadsheet WordPress With Specific Range

    Embedding a Google Spreadsheet into your WordPress site can be a game-changer for displaying live data, reports, or even collaborative content. Whether you’re showcasing financial data, project updates, or event schedules, this guide will walk you through the step-by-step process to embed Google Spreadsheet WordPress with a specific range. Plus, we’ll explore how plugins can simplify the process.


    Why Embed Google Spreadsheet in WordPress?

    Embedding a Google Spreadsheet in WordPress allows you to:

    • Display real-time data without manual updates.
    • Share specific data ranges for better focus.
    • Enhance user engagement with interactive content.

    Step-by-Step Guide to Embed a Google Spreadsheet in WordPress Post

    Follow these steps to embed a Google Spreadsheet with a specific range into your WordPress site:

    Step 1: Prepare Your Google Spreadsheet

    1. Open your Google Spreadsheet and select the specific range of cells you want to embed.
    2. Click on File > Share > Publish to Web.
    3. In the Link tab, select the sheet and range you want to embed.
    4. Click Publish and copy the embed code.

    Step 2: Embed the Spreadsheet in WordPress

    1. Log in to your WordPress dashboard.
    2. Navigate to the page or post where you want to embed the spreadsheet.
    3. Switch to the Text editor (not Visual) and paste the embed code.

    Here’s a live example of an embedded Google Spreadsheet:<iframe src=”https://docs.google.com/spreadsheets/d/e/2PACX-1vRUn0XW7C63CyCPe5ZxkGSontQq-cJdDnFwBynZZTICAyRyKX7yxbgz3BwuxeYAwIay92NfYKyWMhul/pubhtml?gid=0&amp;single=true&amp;widget=true&amp;headers=false”></iframe>

    Step 3: Adjust the Display (Optional)

    • Use CSS to customize the iframe’s width, height, or border.
    • Add responsive design attributes to ensure it looks great on all devices.

    Using Plugins :

    If you prefer a more user-friendly approach, plugins can help. Here are two popular options:

    1. EmbedPress

    • EmbedPress allows you to embed Google Sheets, Docs, and other content seamlessly.
    • Simply paste the Google Spreadsheet URL, and the plugin handles the rest.
    • Learn more about EmbedPress.

    2. WP Table Builder

    • This plugin lets you create and embed tables, including data from Google Sheets.
    • It’s perfect for users who want more control over table styling.
    • Explore WP Table Builder.

    Best Practices for Embedding Google Spreadsheet WordPress

    • Keep It Simple: Only display the necessary data range to avoid overwhelming your audience.
    • Optimize for Mobile: Ensure the embedded spreadsheet is responsive.
    • Update Regularly: Since the data is live, make sure your spreadsheet is always up-to-date.

    Conclusion

    Embedding a Google Spreadsheet in WordPress is a powerful way to share live data with your audience. By following this step-by-step guide to embed Google Spreadsheet in WordPress, you can easily display specific data ranges and enhance your site’s functionality. For even more convenience, consider using plugins like EmbedPress or WP Table Builder.

    Ready to embed your first Google Spreadsheet? Try it today and see how it transforms your content!


  • Solved AdSense AMP Auto-Ads WordPress Not Showing Up 2020

    AdSense can be displayed on AMP Pages and Posts on WordPress with many options from manually adding code snippets and using plugins.

    Enabling Auto-Ads Option – AdSense Account

    This is the first step if you want to display Auto Ads on AMP enabled Posts.

    The option is on your AdSense Account page, see the screenshot below click on the AMP is On

    Once you click on the AMP is On, a new Window Will Open
    Note: this option appears when you have valid AMP pages on your site.

    You have to turn on the toggle follow Step 1, Step 2 and click on Done.

    Adding AdSense Codes using Reusable Blocks

    If you need to add AdSense in your posts specifically at a place while you are writing a new post, you can save the html code in a block and add that to your post anywhere,

    On your Adsense Dashboard you need to copy the Ad unit Code

    adsense

    Go to Ads > By Ad Unit > Click on the ” < > ” Get Code Option, You will get an a Code Generetor Page

    Copy the Code Snippets in the AMP Tab next to HTML tab

    Go to your posts and add a html block

    Once the block is added select to use the block as a Reusable Block See the Screenshot below

    You have to click on the 3 Dots and in the options for the Block select Add to Reusable Blocks

    Give it a name that you can remember like AdSense ADS Slot 1, so whenever you want you can use the block anywhere in your content.

    Manually Adding AdSense Ads – All Posts After the_content

    You can add these codes to your functions.php, I recommend using a child theme to do that or use Code Snippets Pro plugin to add these as code snippets.

    This is a free plugin available at the the WordPress Repository
    add_filter ('the_content', 'insertAdSesnseSlot');
    function insertAdSesnseSlot ($content) {
       if(is_single()) {
    	  $content.= '<div style="content-align:center;">';
    	  $content.= '<p><b>Sponsored Links</b></p>';
          $content.= '<amp-ad width="100vw" height="320" type="adsense" data-ad-client="ca-pub-123456789101112" data-ad-slot="123456789" data-auto-format="rspv" data-full-width="">';
          $content.= '<div overflow="">';
          $content.= '</div>';
          $content.= '</amp-ad>';
    	  $content.= '</div>';
       }
       return $content;
    }

    Manually Adding AdSense Ads after second paragraph of each post

    //Insert ads after second paragraph of all the single post content.
    add_filter( 'the_content', 'prefix_insert_post_ads' );
    function prefix_insert_post_ads( $content ) {
     $ad_code = '<div style="content-align:center;"><p><b>Sponsored Links</b></p><amp-ad width="100vw" height="320" type="adsense" data-ad-client="ca-pub-123456789101123" data-ad-slot="123456789" data-auto-format="rspv" data-full-width="">
      <div overflow=""></div></div>
    </amp-ad>';
     if ( is_single() && ! is_admin() ) {
     return prefix_insert_after_paragraph( $ad_code, 2, $content );
     }
    return $content;
    }
    // Function to do this
    function prefix_insert_after_paragraph( $insertion, $paragraph_id, $content ) {
     $closing_p = '</p>';
     $paragraphs = explode( $closing_p, $content );
     foreach ($paragraphs as $index => $paragraph) {
     if ( trim( $paragraph ) ) {
     $paragraphs[$index] .= $closing_p;
     }
     if ( $paragraph_id == $index + 1 ) {
     $paragraphs[$index] .= $insertion;
     }
     }
     return implode( '', $paragraphs );
    }

    Manually Adding AdSense Auto-Ads Code in Header.php

    Open your Appearance > Theme Editor > Header.php
    After the <head> tag add :

    <script async custom-element="amp-auto-ads"
            src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js">
    </script>

    After the Body Tag <body> add :

    <amp-auto-ads type="adsense"
            data-ad-client="ca-pub-12345678910111234">
    </amp-auto-ads>

    Adding AdSense using Insert Headers and Footers Plugin

    By WpBeginner available free at the WordPress Plugins Repository
    adsense

    Similar to adding manually you can also add the same if you use Insert Headers and Footers a plugin by Wp-Beginner

    Adding AdSense using the Google Site Kit Plugin

    By Google official team free at the WordPress Plugins Repository

    Go to Site Kit > Settings > Adsense > Turn On The Toggle

    adsense site kit

    Let Site Kit Place Adsense code on your site turned On will automatically get the ads showing up on your site.

    Using AMP Auto Ads Plugin By Weston Ruter

    Here is the link of the plugin, that you can download and upload to your plugins directory
    https://gist.github.com/westonruter/a41573b932e24810b09949136b9a8445

    After Adding the plugin go to WordPress Dashboard > Settings > Reading

    On this reading options page, you just have to add your publisher id with complete like
    ca-pub-123456789101123

    Here is a screenshot

    adsense by weston ruter

    Cons and Pros of Using AdSense Auto-Ads on AMP on WordPress

    Cons  

    • Known bugs Auto Ads Not Showing Up in AMP https://github.com/ampproject/amphtml/issues/28254 and many more open bugs for problems with amp auto-ads.
    • Fewer Options for Ads: All Ad Options are not available for AMP like for the Non-Amp Sites, mainly In-Article, in-feed, Link ads.
    • Auto Ads Can show up anywhere on the site, that means anywhere between your content that can ruin the design of the site.

    • More AdSense Ad Impressions with AMP so better monetization of your content overall.
    • AdSense Auto-Ads doesn’t require a fallback for browsers like duckduckgo that do not support Ads and tracking.

    Conclusions and Checklist

    1. AdSense for AMP on WP can also be displayed by other WordPress plugins available, pro versions etc, the options above are most lightweight to use with almost no effect on the performance of the site.
    2. Never Cache the Adsense JavaScript or Ad Codes with any caching plugins that won’t show ads as AdSense uses cookies and analytics to show related ads.
    3. Never use your own extra CSS or your own codes inside AdSense codes.
    4. AdSense not showing up can be a reason with the bugs that are open and contributors already working on the same you can track them at the AMP HTML Project at Github.
    5. Another way to find out if your ads don’t display is using your chrome console by Inspect Element, various other reasons can affect the non-display of the Auto-Ads or Normal Amp Ads like Cookies if they are blocked or are not secured on your server and CORS Policy of your Server or Hosting.
    6. Proper placement of ads.txt file is also a must to check if the Ads are not displaying.
    7. Amp pages should be valid to get AMP Ads, you can either use AMP Original Plugin to get validations or check your pages manually with an AMP Validator Tool.
    8. If you use Cloudflare Rocket Loader you need to ignore the AdSense script from loading to the loader here How can I have Rocket Loader ignore specific JavaScripts? when using Cloudflare on your website.

  • Adding AMP Cookie Consent in WordPress Manually or Plugin

    Monday 26 October 03:13

    This post relates to AMP Cookie Consent Only for “WordPress” On How you can add cookie notice in AMP with two options.

    Manual option and with a plugin, While manual option only will display that you use cookies and visitor can accept that, the plugin does what actually is required the consent of the visitor whether he wants to use the cookies or not.

    At the end of this short tutorial, I have given the pros and cons of both options.

    Manually with the HTML Code + CSS

    Add AMP Notification Code To Your Header

    amp cookie consent gdpr in amp pages

    Here is a code you can just copy-paste in your child themes header.php file, make sure to include the code before the closing </head> tag

    <amp-user-notification id="my-notification" class="sample-notification" layout="nodisplay">
    <span>We use cookies by browsing, you consent to use of cookies &nbsp;&nbsp;Cookie Notice
    <a href="https://netnaps.com/cookie-notification/">Cookie-Notification</a><button on="tap:my-notification.dismiss">Accept <span class="dashicons dashicons-yes"></span></button></span>
    </amp-user-notification>

    Note : I am using the Default Twenty Twenty Theme on my WordPress Blog

    Add CSS to Your Extra CSS

    amp-user-notification.sample-notification{
    background: linear-gradient(90deg, rgba(255,255,255,1) 35%, rgba(250,250,250,1) 100%);
    }
    
    amp-user-notification.sample-notification {
     border:1px solid grey;
     padding: 1rem 1rem;
     line-height:2;
    font-size:1.4rem;
     border-width: 0px 0 0;
     box-shadow: 0 -3px 5px 0 rgba(0, 0, 0, 0.1);
    }
    amp-user-notification.sample-notification > span {
        display: block;
        margin: 0 auto;
        max-width:720px;
    }
    amp-user-notification.sample-notification span > button {
        min-width: 80px;
    	  margin-left:1.5rem;
        display: inline-block;
        padding: 0.4rem 0.6rem;
        font-size:1.3rem;
        color: #ffffff;
    	  line-height:1.5;
        background-color: #0052D5;
        box-shadow: 0 -3px 5px 0 rgba(0, 0, 0, 0.3);
        appearance: none;
    }      
    

    Css you can change, as per your websites look and theme.

    Here is the Result :

    netnaps.com amp cookie consent on WordPress with the plugin or without
    The screenshot shows, how the Cookie Consent appears.

    Add a Plugin For GDPR Cookie Notice

    Why I am recommending the below plugin is the only reason it is 100% compatible with an AMP First Site, AMP in a Standard Mode, Desktop or Mobile.

    While this can also work with the other environments like Transitional Mode for AMP or even if you don’t use AMP, or Disable AMP later, it won’t give any problems.

    Also, the Plugin is lightweight; that is, it doesn’t make your site slow or runs any non required queries or scripts.

    To Install the plugin and set it up properly :

    Go to Plugins > Add New > Type in Search ” gdpr felix ” as its by Author Name : Felix Arntz

    cookie notice gdpr by felix arntz for AMP

    Settings for Plugin GDPR Cookie Notice By Felix Arntz

    After, Installing and activating the plugin, click on customize

    amp cookie consent

    This Takes you to the, customize option window

    amp cookie consent

    Policies option you can select all your policy pages

    cookie consent on the amp

    Privacy Policy Page, Cookie Policy Page and Cookie Section ID

    Cookie Section ID is the anchor URL or ID Attribute that directly redirects a visitor to your Cookie section inside your Privacy policy page,

    getting cookie notice for amp pages in WordPress

    On this Option ” Content ” you can visually customize your cookie consent notice, to anything as per your requirements.

    amp consent cookies

    In the Appearance section, you can change colours and completely style the cookie consent notice as per your sites colours and theme.

    amp consent

    This is the integrations options, where you can control the cookie-based features with the checkboxes as per your requirements.

    • The manual option above eliminates the use of another extra plugin on your site.
    • Everything normally works if you use the manual option ads and analytics, sessions on AMP are unified.
    • With the plugin, its code is as per the required cookie and GDPR Notice, as everything is triggered cookies for analytics or ads only on the user consent.
    • Valid for AMP, All validations are passed with both the options.

    Cons  

    • Amp Linker Session Unification in AMP Tag Test Fails if you are using the plugin option.
      Reason analytics are triggered only when the visitor gives his consent.
    • If you use Ads, from AdSense or similar channels that use cookies, the Ads won’t display till the user gives his consent, as cookie sessions start after the consent, in the plugin option.
    • First Contentful Paint or FCP can be effected in the page speed tests, as this adds an extra element on the page, both options plugin or manual.
    • An extra request or query is added to the page with both the options.
  • 20 Definitive Reasons for No Traffic On My Blog in 2020

    Here is a list of 20 Reasons for No Traffic on a Blog in 2020, I have written 20 Reasons you can please add more in the comments.

    Primary Reason: No New Visitors No New Traffic to the Blog

    This post is finding out reasons why blogs quit for no visitors

    If your blog doesn’t get organic traffic new visits even after many good efforts of creating content,
    that can frustrate a lot,

    you just keep on looking at the analytics, who visited your blog from which country what was the time spent on a particular post and so on.

    Well, Does that Make Sense?

    While as they say it all starts with a domain, an idea or a niche, it would never make sense to quit your blog,
    rather finding out reasons for no visitors is what your target should be if you follow your niche correctly just stick to what is required you won’t ever quit writing your blog.

    Finding reasons for No Traffic

    No traffic could be many valid reasons, here are some that I find relevant, you may add more in the comments below.

    Poor Design Worst User Experience Leading to No Traffic

    A poorly designed blog would never engage the visitors to read more, follow a blog or revisit it.

    Blogs that have lots of design elements, poor accessibility scores, for designs usually make the user quit the page and never return,

    It’s just same as visiting a new restaurant that has an ambience and food you are comfortable with and would repeat the visits.

    Always remember that first impression is the last!

    No Traffic for Not having a responsive layout

    This is one of the major reasons for lesser or no organic traffic, mobile-friendly pages that are responsive in all screen resolutions, cross-browser compatible, use technology like AMP for blogs are likely to get more impressions and rank higher.

    If you ignore how your website looks on a mobile screen most likely you will lose the traffic from search results.

    No Traffic as of Slow Pageload Speeds

    A visitor is most likely to leave your page. If the content loads slow, never loads or has errors, reasons can be many like not optimised images, poor hosting, weird server configuration, no use of CDN’s or in short no focus on the core web vitals.

    This performance now includes First Contentful Paint, Time to Interactive, Speed Index, Total Blocking Time, Largest Contentful Paint, Cumulative Layout Shift,  Critical Request Chains, Critical path latency, request counts and much more added frequently.

    Here is a list of many tools to check the performance of your website.

    Every page speed tool has its own term to determine the performance like Yslow considers DNS lookups as a performance score, while many other tools don’t consider this as a performance score.

    No Traffic as I am Giving away a damn to SEO

    SEO is not just getting the green lights on your WordPress Seo Plugin, It’s definitely beyond that or much more beyond that, The search engines are smarter than you can imagine, they change with the time improve with the technology stacks, your SEO plugin goes by the wish of the Developer how he wants it to be,

    I can see many plugins most popular one like Yoast has lots of open bugs, pending enhancements from years, ignoring then on its own with the one who suffers is the new blog who would require to match everything to outshine.

    Your blog won’t get organic traffic if you don’t follow how a search engine expects your content to be crawled, Things like Schema, Structured data play a vital role in the correct SEO strategy and plan.

    Posts that are in the Rich Snippets get the most clicks, more impressions. As soon as your posts hit the rich snippets for certain keywords, you would see a jump in your organic traffic.

    Greed to Monetize More More Ads Less Content So No Traffic

    With the greed to make money from a blog initially, placing more and more advertisements after each paragraph, on the fixed widgets on the footer, headers everywhere, adding affiliate links to almost all your lines you write, to monetise the blog whether or not its useful to the readers or visitors is another reason for no organic traffic.

    If you include more advertisements that eventually load more scripts, have more DNS lookups and more cookies making your page slow.

    Wasting time looking Income Reports of an old Successful Blog

    Most of the times new blogs get lured with the income charts, fake or real income disclosures, screenshots of an old blog site,

    Never understanding the real way they made success it wasn’t overnight, decades of work sticking to a single category, working contributing, building a community, helping in forums how pleasant the approach could be,

    only following the income of a blogger would not make you earn the same income even if if you follow them whatever they have done.

    I have seen some old blogs, and it has just become rather I would call it a weird trend to show off the income reports,

    but why only because they want to lure you with success stories, want you to follow them what they did to make money online, and then click on the affiliate links and make them more famous or richer?

    Content creation should be unique in your own way, not followed by how someone made a commission with affiliate programs or sponsored ads. So, Grow Up! Go to Work Create the Content.

    Please keep patience your time will don’t quit, keep on creating more and more good content.

    For the bloggers flaunting the income reports can let success make the noise please,

    Publishing Irrelevant Baseless Stuff for No Traffic

    I follow many blogs, even subscribe to the newsletters but why would I follow or subscribe?
    Only for some very good reasons like,

    Blogs that have helped me solve a problem, or have given me a reason to explore what’s new with them, as a visitor I would never return to a blog that has irrelevant and baseless stuff,

    With irrelevant I mean no relevance to the title and the post, like in this post I am writing about “Why the Blogs Quit”, So I should not write the tips what can be done along with each reason in detail.

    Yes, maybe a separate post would make sense.

    No Niche Topic, Blogging about Everything

    I have seen some Tech blogs discussing hosting. Also, writing about yoga, organic farming and writing about how to get admission to that Great University, to me as a visitor that looks like a piece of scrapped content nothing more than that, and I quit reading that blog.

    If you need to blog, you have to stick to your niche. Remember it’s your blog and not a country’s national newspaper.

    Backlinks From Everywhere

    When a new blog is built, you just thrive to get a backlink, irrespective of where the referral traffic comes from how authoritative the domain is, whats the class of the IP address it has?

    The link from a social media posting, again and again, spamming in social media groups, in comments to every other blog you visit just to make a backlink can also get you banned and your social media account can be suspended for spamming with posting links everywhere.

    The backlinks from social media sites, spam posts emails and forcing people to click with backlinks gradually makes a blog rank lower and with no organic traffic at all.

    No Traffic With Shared Hosting

    Hosting with a good host plays a vital role in getting organic traffic making your domain more authoritative, secure and available, get more and relevant pings and crawls from the search engines.

    A Class C Static IP address could also result in a better SEO,

    In short, when you get a Shared cheap hosting plan and start your blog, it’s mapped with many domains on the same IP address that could make your domain a culprit of another domain’s bad behaviour on the web.

    Longer Domain Names

    Usually, people don’t type or remember longer domain names. This can be a major reason for no traffic at all. Indexing is ok, but what if someone visited your blog and wants to reconcile with your post again to open it directly when he needs to refer the post again a shorter easy to remember name should preferably have good traffic.

    Selecting a wrong TLD

    When it comes to domain selection, and you see a list of available options if you select a wrong TLD for an example a most common TLD with .com is likely to get more traffic from all over the world than a TLD from a specific geo-location like .in for India .ca for Canada and so on.

    Geo-targeted TLD’s are often stuck to certain areas of the defined country that can be a major reason to get less traffic.

    Policy Violations No Indexing

    You might not even know, but you could have violated a policy of the search engine and they might have stopped indexing your site, could be another good reason for no traffic, regular check on guidelines best practices should be followed to avoid violations,

    You keep on creating the content but if your blog is not properly indexed would result in no organic traffic.

    No Security of the Visitor

    Search indexing will be better for a secure site on a secure hosting than a non-secured blog, I am not talking about getting the free SSL, security is beyond that the rating of your SSL the authority that has signed it, HSTS preloaded domain, How are cookies managed on your domain, If you allow users to signup how safe they are with signups. How you treat the privacy of the visitor?

    Everything for safety counts if you need traffic for your blog.

    Very Long Articles

    A blog with very very long articles, more than 2000 Words, are most likely to adversely affect the user engagement with the content, posts that do not stick to the title and the topic if you write irrelevant to what is not required for the topic or suddenly shift from the topic and start writing in between for another topic just to make the post contents long.

    The long blog post should be presented up in points, or with a table of contents at the top for users to jump to the relevant topics.

    Also its recommended to make short paragraphs that have a good readability.

    Lesser Posts Not Updating Content Frequently

    If you don’t post frequently have been or posting very fewer posts, that could be a reason that affects the visitors you receive.

    Visitors seek for blogs with new content every day if your blog is not updated; you are not likely to get organic traffic.

    If you created a HOW-TO a year ago and it has now changed completely, you should also update the same with updated steps, else that would become irrelevant for the visitor.
    Updating your posts and content is required regularly to maintain the user experience and get organic traffic.

    Switching over Hosting Zones and IP Addresses

    If you continuously shift over with hosting accounts, shift your sites entirely with where its available and hosted one zone to another zone and do not have a static availability can impact your traffic with my personal experience I shifted to Cloudflare for a day and suffered a loss of organic traffic for at least 14 days till everything became normal.

    The mistake I made was opting for a free plan to test something a few months ago. At the same time, I was saved by taking a quick decision to get back everything to normal AWS hosting, with using a static IP on my domain that has just my domain hosted and is not shared with any other domain name.

    Changing permalinks not monitoring your 404 Hits

    Mostly new blogs when start publishing keeps on changing permalinks and do not monitor the 404 hits, or maintain a 404 page, this could lead with slow indexing as when a visitor browses through the indexed URL, and he is directed to a blank 404 page it makes the worst user experience.

    Many of the blogs to improve change the permalinks make them shorter or change the entire structure of the URL. This can affect organic traffic, adversely resulting in less or no traffic.

    No Interaction with your blog users on comments

    When someone comments on your blog, and you do not reply to them at all, it sounds insulting, Quite similar to inviting someone to talk and not responding to them.



    Most likely the user won’t turn back again to your blog if you don’t respond, for the appreciation of your posts you should thank and reply like ” Glad my post was helpful”,

    For Answers, the author of the posts must be active to respond on the published content if the comment is not a relevant question you can direct them to something more relevant, you know.

    No promotion of your Blog

    If you have worked hard writing and making content, you should take out time to regularly promote your content the same with relevant posts to other authoritative blogs, like Quora, Medium and many more not doing so you will not get new traffic.

    You can also make a Facebook group of users to your blog, building a community to help will achieve regular readers for your blog.

  • Making Awesome Web Stories 10 Free Resources

    10 Free Resources Making Awesome  Web Stories
    a story made using wordpress
    Learn more how we made it

    Creating Web Stories on WordPress

    This Story is made using WordPress Free Plugin by Google Web Stories.

    Please find a list of 10 useful Resources for making incredible web stories for your blog.

    Unsplash

    Unsplash offers a free plugin to sync with your WordPress blog to directly display its library of free images and videos while you are making web stories right in your media gallery. Visit Unsplash Here: https://unsplash.com/

    Freepik

    Freepik is a project by Freepik Company, The Company also has awesome projects like Flaticon,
    and Slidesgo.
    Freepik offers a huge collection of free to use Image resources for you, they also offer a premium plan that’s obviously a more advanced collection. Visit Freepik Here: Freepik

    PngTree

    Pngtree, founded in Dec 2016, has millions of PNG images and other graphic resources for everyone to download. Our aim is to build the largest free PNG image platform in the world, serve for all the professional designer and people who have design skills. Helping users save time and improving their projects efficiently is our duty. All of our designers have been real name authenticated and all of their works have a commercial license

    The limitation is 2 free images on a account in a Day, you can unlock the limit with a premium subscription, so wisely download the Image file as you have two downloads a day on a free plan.

    Another is adding an attribution to the free download, so if you have a good commercial usage you may sign up for a premium account.

    Visit Png tree Here : https://pngtree.com/

    Pexels

    The best free stock photos & videos shared by talented creators. Also with a Photographer Leaderboard, a big Community, Everything from Images to videos is absolutely free to download.

    Visit Pexels Here : https://www.pexels.com/

    Favpng

    Free Transparent PNG Images. Claims to have a database containing more than 16 million free transparent PNG files. All PNG images can be used for personal use unless stated otherwise.

    Visit Favpng Here : https://favpng.com/

    Burst By Shopify

    Free stock photos for websites and commercial use, Download free, high-resolution images as its a shopify venture collections were created with entrepreneurs in mind.

    Visit Burst Here : https://burst.shopify.com/

    Freeimages

    Browse over 300000 free stock photos and find the perfect royalty-free image quickly. Download free, high quality stock images, for every day or commercial use.

    Visit Freeimages Here : https://www.freeimages.com/

    Kaboompics

    Every single day new photos of the highest quality are added to Kaboompics, You can download and use them for your own purposes – grace your blog posts, create lovely graphics for your social media accounts, make your website more appealing – all for free, including the commercial use!

    Visit Kaboompics Here : https://kaboompics.com/

    Vecteezy

    Choose from over a million free vectors, clipart graphics, vector art images, design templates, and illustrations created by artists worldwide, Fully guaranteed images for personal or commercial use. Also offers a reasonable premium pricing for more unlimited downloads.

    Good For : vector art, stock photos & videos, you may need for making web stories awesome.

    Visit Vecteezy Here : https://www.vecteezy.com/

    Gratisography

    Gratisography, has quirkiest collection of high-resolution free stock images, images you just won’t find anywhere else.

    Visit Gratisography Here : https://gratisography.com/

  • Stunning Web Stories for WordPress Turbo-Charge Your 2020 Blog

    Web Stories on WordPress A Step-Wise Tutorial

    Web Stories Are Stunning!

    Using the WordPress Plugin for Web Stories Here is an example

    Installing Web Stories for WordPress Plugin


    Plugins > Add New > Type ” Web Stories ” Install and Activate.


    plugins add new

    Settings For Web Stories for WordPress Plugin


    From Admin Menu, you have three options as in the screenshot above.

    Dashboard
    The Dashboard shows you everything to get started with the stories,
    use the Create a New Story button to jump to the editor and add a story.

    dashboard web stories

    All Stories

    The all stories option shows you web stories that you have already made and saved, in all modes published, drafts, etc. like posts.

    all Stories page WordPress

    Add New

    It takes you to the editor to add a new story.

    add new web stories with wordpress

    If we see tab wise on the Dashboard, it shows you three options
    (1) My Stories, (2) Explore Templates (3) Editor Settings

    My Stories 

    My Stories option, relates to your web stories that you have created and display them in a format All Stories, drafts, and published if you have many search bar.

    my stories word press


    Explore Templates

    Explore the Templates option relates to pre-made templates bundled along with the WordPress Plugin. It makes it easy to get started and understand how web stories work.

    web stories templates

    Editor Settings Google Analytics for Web Stories for WordPress

    In the editor settings, you can add your Google Analytics code to track views of the story, add your logo that should be precisely 96×96 pixels a perfect square. In the end, a data-sharing option checkbox to improve the plugin.

    editor settings wordpress web stories plugin

    Editor Settings and Features for Web Stories for WordPress



    add new stories with images in wordpress google web stories


    Upload Image or Video option connects your WordPress default media gallery to upload the images or videos. You can select any web stories supported picture formats or video clips and attach them to your web stories.

    With Blue Upload Button you can add the New Files as Uploads.

    text in web stories for wordpress plugin

    Text option as T has few presets for Text Formats, Like Heading ( H1, H2, and H3), Paragraph, Caption, and Overline.

    SEO of your content into headings and subheadings short paragraphs and citations.

    basic shapes for web stories

    Shapes next to Text option has 12 Basic shape elements that can be very useful to highlight and better display the story format.


    add title to web stories on wordpress

    Add the Title option Here you can give a title to the story.
    It automatically creates a permalink for the web store.


    below art board web stories

    Below the Editor, you have Delete Page, Duplicate Page, New Page, Undo and Redo options.

    Duplicating the page with this option to take all the elements to the next page as same and change a few details like text or pictures as your story usually goes, the background can be the same for pages, and text you can edit.

    page advancement for web stories

    Page advancement feature at the end of this panel to control whether the story auto-plays or the reader has to tap for the next page or slide.

    The duration can also be controlled default is 7 seconds.

    safe zone marks

    I recommend keeping elements inside the safe Zone.

    Disable or Enable Safe Zone Option. Safe Zone is a markup for adjusting your elements in a zone that is viewable to all devices. By default is enable.

    Below that, you have the Grid View Option.

    grid view web stories wordpress

    Grid view shows all your web stories pages in a grid view, easy to select one of the pages to edit if you have 30 Pages on a story.

    keyboard shortcuts

    Keyboard Shortcuts for publishing stories with ease of keyboard

    links in webstories

    Adding Links in Web Stories, This is useful if you have an Affiliate link, or have to link a visitor to your post.

    design tab web stories for wordpress plugin

    Design Tab for Web Stories WordPress Plugin makes it easy to use Google fonts, select layers, change font colours, Size Position, and all preliminary design features a plugin could have inbuilt.

    Page Attachment Links

    Adding Links To Web Stories On Background With Swipe Up Learn More Button

    To add links to your story when a user can swipe up to go to a page with text as “Learn More” or whatever you want to give kindly have a look at the below screenshot.

    learn more

    To add this Learn More Button in our Web Story select the background and add the URL this is called

    Page Attachment,

    page attachment links

    Also, you may change the text from “Learn More” to anything you wish to another awesome feature of the web stories for WordPress plugin.

    Displaying Web Stories for WordPress on Posts or Pages



    To display web stories, open your blocks in the editors select Stories Block,
    Next, add the URL of your published story to embed like in the screenshot below.


    embedding web stories

    Add a Cover for Web Stories

    Cover for the web stories – Dimensions for the image is 360 x 600 pixels.

    Make the cover attractive, as a cover of a Good Story Book.

    Correctly Embedding Web Stories on WordPress

    Structured Data SEO for Web Stories for WordPress

    Web Stories being a post type, can easily select an Article in a Yoast free plugin, a screenshot above.

    You have to go to Yoast > Search Appearance > Schema Settings.

    For Another Popular and better plugin than Yoast, Rank Math Free also fully supports the Web Stories for WordPress,

    rank math web stories

    Rank Math’s Dashboard shows a toggle to enable Google Web Stories for WordPress.

    Here is a small checklist :

    Check this official link by Google to check best practices for Web Stories SEO.

    Minimum And Maximum Pages for Web Stories
    Ideally, a web story should have 10-20 pages, but a minimum of 5 and a maximum of 30 pages. Make a story with a minimum of 5 and a maximum of 30-page slides.

    Completeness in the story
    The story should be complete, should not end without any reason or right direction.

    For example, if a recipe story could be for making a new salad, but that should cover each part from starting with vegetables used to being served on the table.

    What you are trying to narrate in the story should be valid and relate the pages from start to end. Avoid skipping pages and publish information that is not clear what you want to narrate.

    Use of Minimum Text With Clear Fonts Size Display
    Title length and Text in story pages should be short as it’s for mobile devices; the fonts should be clear and readable for everyone. If possible, keep Text below 10 to 12 words per page.

    Guidelines for Videos
    If you add videos, use short clips 15 seconds per slide, use any app to clip the long videos into short clips, and see what video format would work best that uses minimum storage space and outputs with the best resolution.

    Follow Content Guidelines
    The Web Stories can also get into Google Discover on Android phones, so best is to follow the Discover content guidelines.

    Don’t overuse multiple elements on a story page.
    Please keep it simple, elegant, light, and short don’t use more and more elements on a single slide page.

    As the user views a page for 5 seconds to 7 seconds, keep minimum details and Text that a user can read easily in that view time.

    Guidelines for Images
    Use good quality resolution images that are clear and unique in your story and relate to your narrative. As the story is in a Portrait mode, avoid the use of landscape format.

    I usually keep on improving Checklists on my blog. One of my lists can be of your interests here 15 Tips to Avoid Structured Data Errors AMP on WordPress.

    Another useful resource to read about SEO for web stories is from the official AMP Blog here.

    Seo Web Stories WordPress: Official Video

    Templates Included

    Pick up a pre-installed template for your First Story, change the same with your unique content, like Title, headings, and page story you have created,
    to quickly get started with the google web stories.

    web stories templates

    Note: Your content, whatever you make, should always be unique.

    With the templates, you get a clear idea of how the stories should work properly and how many visitors you are getting on your stories with google analytics,

    If you have any errors or warnings at the google search console, you can also validate that with a fix.

    Updates :

    Friday 13 November 02:02
    • With Latest Release Now WordPress Version 1.1 Web Stories Plugin Also Supports Gifs from Tenor, that you can add in your stories, Videos and Ai Writer

    Please Find 10 Free Resources to make awesome Web Stories of-course in a web story below

  • ImageOptim Bulk Optimise Images in Bulk for WordPress Blog

    ImageOptim Bulk Optimise Images: A Simple and Free Solution

    If you’re looking for a way to bulk optimise images without relying on plugins or expensive software, ImageOptim is the answer. This lightweight, free tool is perfect for bloggers, developers, and designers who want to reduce image sizes without compromising quality. In this guide, I’ll share how I used ImageOptim to bulk optimise images for my WordPress blog, saving time and storage space—all for free.


    Why Bulk Optimise Images?

    Optimising images is a critical step for improving website performance and SEO. Smaller image sizes lead to faster page load times, better user experience, and higher search engine rankings. While plugins can automate this process, they often come with limitations, such as server load or premium pricing. That’s where ImageOptim shines—it’s a simple, offline solution that lets you bulk optimise images quickly and efficiently.


    My Experience with ImageOptim

    On my blog, I’ve always relied on Affinity Designer for image editing and compression. Since I use AMP in native mode, most of my pages are served through Google’s AMP CDN, which handles a lot of the heavy lifting. However, as I started experimenting with the Web Stories plugin, I realised the importance of following best practices for image optimisation.

    I needed a solution that could:

    • Optimise images in bulk without running endless background processes.
    • Be fast and efficient, with no recurring costs.
    • Work seamlessly with my existing workflow.

    That’s when I discovered ImageOptim, a free tool that’s less than 10MB in size and works like a charm.


    How to Bulk Optimise Images with ImageOptim

    Here’s how I used ImageOptim to bulk optimise images for my WordPress blog:

    Step 1: Download Images from Your WordPress Server

    Using SFTP and FileZilla, I downloaded the entire uploads directory from my WordPress hosting server to my local Mac. This step ensures you have all your images ready for optimisation.

    Step 2: Run the Bulk Optimisation Command

    Once the images were on my local machine, I used ImageOptim to optimise them in bulk. Here’s the command I ran in the Terminal:

    /Applications/ImageOptim.app/Contents/MacOS/ImageOptim *.png /users/yourname/PNG-FOLDER/

    Pro Tip: Replace the folder location in the command with your directory structure.

    This command optimises all .png files in the specified folder, reducing their size by up to 50%. The process runs in the background, so you can continue working while it does its job.

    Step 3: Drag-and-Drop Simplicity

    If you’re not comfortable using the Terminal, ImageOptim also supports drag-and-drop functionality. Simply drag your image folder into the app, and it will handle the rest.


    Why ImageOptim Stands Out

    ImageOptim combines some of the best image optimisation tools, including:

    • MozJPEG for JPEG compression.
    • Pngquant and Pngcrush for PNG optimisation.
    • SVGO for SVG files.
    • Google Zopfli for further compression.

    The result? Smaller image sizes without compromising quality, all for free.


    My Optimisation Workflow

    To keep things manageable, I optimise images once a month. For example, I optimised all images from September 2020 in one go. This way, I don’t have to worry about optimising images while creating new content. A few minutes of work at the end of the month is all it takes.


    Advantages of Using ImageOptim

    • Free and Lightweight: No subscriptions or hidden costs.
    • Bulk Optimisation: Process hundreds of images in minutes.
    • Offline Tool: No server load or background processes.
    • Drag-and-Drop Support: Perfect for non-technical users.

    Final Thoughts

    If you’re looking to bulk optimise images without plugins or expensive software, ImageOptim is a game-changer. It’s fast, efficient, and completely free. Whether you’re a blogger, developer, or designer, this tool can help you improve your site’s performance and save storage space.

    Have you tried ImageOptim or any other image optimisation tools? Share your experience in the comments below! For more tips on WordPress optimisation and free resources, visit Netnaps.


    Key Takeaways

    • ImageOptim is a free, lightweight tool for bulk optimising images.
    • It’s perfect for bloggers and developers who want to optimise images without plugins.
    • The tool supports both Terminal commands and drag-and-drop functionality.
    • Optimising images monthly can save time and improve site performance.

    Have you tried ImageOptim or any other image optimisation tools? Share your experience in the comments below! For more tips on WordPress optimisation and free resources, visit Netnaps.


  • Smoothly Repair Database WordPress Inbuilt Function in 5 Min

    Tuesday 8 September 01:02

    Repair Database Easily on WordPress, With an Inbuilt Core Function,
    Has your website been attacked with a Malicious code?

    If yes, this small tutorial on Repairing Corrupt WordPress could help you get it back just in a matter of 5 minutes.

    Just relax first. We have to do things step by step and get the site running back.

    Understanding The Common Cause For WordPress Database Problem

    First Lets understand how a WordPress plugin can destroy a live website and why you should not use any premium plugin that is not directly sold by the developer in one of my detailed posts here with the title as :

    WordPress Premium Plugins Free or $5 Exposed not the right choice

    The aim of the Attacker is on the SQL Database injection where all your queries get stored. A database contains important things like user passwords and credentials.

    The effects could be felt with a sudden memory exhaust, or with a burst-able zone CPU usage over 100%,
    thus bringing the website down and making the site owner helpless to login.

    Another cause can be a non compatible plugin with your WordPress, a plugin that is recently installed and has some functions that conflict with your other active plugins.

    Removing the Plugin Folder

    The first thing you may do is, getting the plugins deleted that caused an attack or error you know that what recently you have installed.

    To delete the same, you can remove the same with an FTP or SFTP access. If you use Lightsail, I have given a detailed post here on how to Connect Amazon Lightsail using SFTP.

    On the terminal, you can always use the basic command. Here “Path” will be yours, You can remove the plugin folder with any size within seconds by this command.


    Sudo rm -rf /your/folder/path

    After the folder is removed next is to repairing the database.

    Repairing Database WordPress Default Repair Functionality

    WordPress has excellent code, repairing and debugging are the two essential database functions,

    that are inbuilt in WordPress and are helpful for the Site Owners and developers to locate problems and resolve them,

    so we will just put both in our configuration file.

    Repairing WordPress Database

    First, we will open the Directory. You can do that with whatever, as per your hosting, I am more comfortable on the Terminal and SUDO editor.

    so once inside the WordPress directory, its

    sudo nano wp-config.php

    Here are the two lines you need to add to the wp-config file :

    repairing wordpress database

    You can just copy these two from here :

    define('WP_ALLOW_REPAIR', true);
    define( 'WP_DEBUG', true ) ;

    Repairing WordPress Database

    Once done you can just use this URL by adding your domain like in the picture above the url is :

    https://yourdomain.com/wp-admin/maint/repair.php

    Now Click on the Repair Database option

    Repairing WordPress Database
    Repairing WordPress Database

    Once done it will ask you to delete the Code, from WP-CONFIG, so you can just comment the code like this to use the same in the future :

    Repairing WordPress Database

    I also made Debug true as if any error prevails can be seen,

    Next, once you use the same URL for repair it will show :

    Repairing WordPress Database

    The Database is Repaired !

    Cleaning Up Unused WordPress Tables With Garbage Collector Plugin

    Plugins you install and delete, certainly leave back files on your server, that files are SQL Tables folders and settings.

    For cleaning them completely you can go ahead and install this plugin called Plugins Garbage Collector (Database Cleanup) by Vladimir Garagulya,

    This Plugin Helps with unused Database Tables For Cleaning Folders, you can do with FTP manually like FileZilla.

    This Plugin is 100% Free to Download form the WordPress Repository

    Repairing WordPress Database

    Just go to Tools > Database Cleanup

    Repairing WordPress Database

    Select the Options to SCAN Hidden Tables also

    Repairing WordPress Database

    Go ahead with the SCAN of the Database, this will show you within few seconds what tables are created that are unused.

    Repairing WordPress Database

    Now just select these tables in the RED, and scroll down to an option DELETE, and done!

    You only have to select the 2nd Column, the first selection Hides the Table.

    Like in this picture here :

    Repairing WordPress Database

    Click on delete it will delete the tables.

    After this function, if you do not regularly try new plugins on your live site, delete the same plugin as it won’t be of any use.

    Its always recommended using the plugins as less as possible as every plugin consumes scripts, CSS, queries, and eats up the server resources.

    Once it deletes the same, you will get a confirmation like this.

    After that, you can rescan the same to confirm the same.

    Repairing WordPress Database

    If you are using a cloud server, VPS Hosting and want to connect your database on a local machine kindly read my post Connect Remotely AWS Lightsail MySQL Sequel Pro on macOS in 5min.

  • Set Up Calypso WordPress in 5 Minutes

    Set Up Calypso WordPress in 5 Minutes

    Are you ready to take your WordPress management to the next level? Set Up Calypso WordPress in just 5 minutes and enjoy a faster, more intuitive way to manage your website. Calypso, developed by Automattic, is a modern interface that allows you to handle your WordPress site(s) with ease, whether you’re using WordPress.com or a self-hosted WordPress.org site. In this step-by-step guide, we’ll walk you through the quick and easy process of setting up Calypso, so you can start managing your site like a pro.


    What is Calypso WordPress?

    Calypso is a sleek, desktop-like interface designed to simplify WordPress management. It combines the power of WordPress.com and WordPress.org into a single dashboard, offering features like:

    • Multi-Site Management: Handle multiple WordPress sites from one place.
    • Real-Time Stats: Track your site’s performance and engagement.
    • Streamlined Editing: Create and edit posts with a faster, more responsive editor.
    • Notifications: Stay updated with site activity and comments.

    Step-by-Step Guide to Set Up Calypso WordPress

    Follow these simple steps to Set Up Calypso WordPress in just 5 minutes:


    Step 1: Download the WordPress.com Desktop App

    1. Visit the Official Website: Go to the WordPress.com desktop app page.
    2. Download the App: Choose the version for your operating system (Windows, macOS, or Linux).
    3. Install the App: Follow the on-screen instructions to complete the installation.

    Step 2: Log in to Your WordPress Account

    1. Open the App: Launch the WordPress.com desktop app.
    2. Sign In: Use your WordPress.com credentials to log in. If you’re using a self-hosted WordPress.org site, click Add a Self-Hosted Site and enter your site’s URL, username, and password.
    3. Authorize Access: Follow the prompts to authorize Calypso to manage your site.

    Step 3: Explore the Calypso Dashboard

    Once logged in, you’ll see the Calypso dashboard, which includes:

    • Site Management: Manage posts, pages, themes, and plugins.
    • Stats: View real-time traffic statistics.
    • Notifications: Stay updated with site activity and comments.
    • Settings: Configure your site settings directly from the app.

    Step 4: Start Managing Your Site

    With Calypso, you can:

    • Create and Edit Posts: Use the streamlined editor to write and publish content.
    • Install Themes and Plugins: Browse and install themes and plugins directly from the dashboard.
    • Monitor Performance: Track your site’s performance and engagement metrics.

    Step 5: Enjoy the Benefits of Calypso

    Calypso offers a faster, more efficient way to manage your WordPress site. Its intuitive design and powerful features make it a must-have tool for any WordPress user.


    Why Choose Calypso Over Traditional WordPress Admin?

    Calypso provides several advantages over the traditional WordPress admin interface:

    1. Faster Performance: Calypso is built for speed, offering a more responsive experience.
    2. Unified Dashboard: Manage multiple sites from a single interface.
    3. Enhanced Features: Access advanced tools like real-time stats and notifications.
    4. User-Friendly Design: The clean, modern interface makes site management easier than ever.

    Final Thoughts

    Setting up Calypso WordPress is a quick and easy way to enhance your site management experience. With its powerful features and intuitive design, Calypso is the perfect tool for anyone looking to streamline their WordPress workflow.

    Ready to get started? Download the WordPress.com desktop app today and Set Up Calypso WordPress in just 5 minutes. Have questions or tips to share? Leave a comment below—we’d love to hear from you!


    By following these steps, you can enjoy a seamless WordPress management experience with Calypso.

  • Avoid Structured Data Errors on an AMP Site WordPress

    Avoid Structured Data Errors on an AMP Site WordPress: A Step-by-Step Guide

    Structured data is crucial for SEO, helping search engines understand your content and display rich results. However, if you’re running an AMP site on WordPress, structured data errors can harm your rankings and user experience. In this guide, we’ll explore how to avoid structured data errors, check for issues, and ensure your AMP site remains error-free in the future.


    What Are Structured Data Errors?

    Structured data errors occur when search engines cannot correctly interpret the metadata on your AMP pages. These errors can prevent your content from appearing in rich results, such as featured snippets or carousels, and negatively impact your SEO performance.


    Why Avoid Structured Data Errors on AMP Sites?

    AMP (Accelerated Mobile Pages) is designed for fast loading and optimal mobile performance. However, if your structured data is incorrect, it can:

    • Reduce Visibility: Your pages may not appear in rich search results.
    • Hurt User Experience: Errors can lead to improper rendering of content.
    • Lower Rankings: Search engines may penalise pages with invalid structured data.

    Steps to Check for Structured Data Errors

    Here’s how to identify and fix structured data errors on your AMP site:

    1. Use Google Search Console

    Google Search Console is a powerful tool for detecting structured data issues. Here’s how to use it:

    • Log in to your Google Search Console account.
    • Navigate to Enhancements > AMP.
    • Review the report for any errors or warnings related to structured data.

    2. Test with Google’s Rich Results Test Tool

    The Rich Results Test Tool allows you to check individual pages for structured data errors:

    • Enter the URL of your AMP page.
    • Review the results for any errors or suggestions.
    • Fix the issues highlighted in the report.

    3. Validate AMP Pages

    Use the AMP Validator to ensure your pages comply with AMP standards:

    • Visit the AMP Validator (opens in new tab).
    • Enter your AMP page URL or paste the HTML code.
    • Address any errors or warnings related to structured data.

    How to Avoid Structured Data Errors in the Future

    Preventing structured data errors is easier than fixing them. Follow these best practices to keep your AMP site error-free:

    1. Use a Reliable AMP Plugin

    Plugins like AMP for WordPress or AMP Enhancer automatically generate valid structured data for your pages. Ensure your plugin is updated to the latest version.

    2. Follow Schema.org Guidelines

    Structured data must adhere to Schema.org standards. Use the correct schema types (e.g., Article, FAQ, How-to) and ensure all required fields are populated.

    3. Regularly Audit Your Site

    Schedule monthly audits using tools like Google Search Console and the Rich Results Test Tool to catch errors early.

    4. Test Before Publishing

    Before publishing new content, validate your AMP pages using the AMP Validator and Rich Results Test Tool.

    5. Monitor for Updates

    Search engines frequently update their guidelines. Stay informed about changes to structured data requirements and adjust your implementation accordingly.


    Common Structured Data Errors and Fixes

    Here are some common errors and how to resolve them:

    ErrorSolution
    Missing Required FieldsEnsure all required fields (e.g., headline, datePublished) are included.
    Incorrect Schema TypeUse the correct schema type for your content (e.g., Article, FAQ).
    Invalid JSON-LD FormatValidate your JSON-LD markup using tools like JSON-LD Playground.
    Duplicate Structured DataRemove duplicate schema markup from your pages.

    Tools to Help You Avoid Structured Data Errors

    Here are some tools to simplify structured data management:

    • Google Search Console: Monitor and fix errors.
    • Rich Results Test Tool: Test individual pages.
    • AMP Validator: Validate AMP pages.
    • Schema Markup Generator: Create valid structured data.

    Final Thoughts

    Structured data errors can significantly impact your AMP site’s performance and SEO. By following the steps above, you can avoid structured data errors, improve your search visibility, and provide a better user experience.

    Have you encountered structured data errors on your AMP site? Share your experience in the comments below! For more tips on AMP optimisation and WordPress SEO, visit Netnaps.


    Key Takeaways

    • Structured data errors can harm your AMP site’s SEO and user experience.
    • Use tools like Google Search Console and the Rich Results Test Tool to identify errors.
    • Follow best practices, such as using reliable plugins and adhering to Schema.org guidelines, to avoid errors.
    • Regularly audit your site and test new content before publishing.

    Have you faced structured data errors on your AMP site? Share your tips or questions in the comments below! For more AMP and WordPress SEO guides, visit Netnaps.


  • Amp Native AMP First Standard Mode On WordPress

    Accelerated Mobile Pages (AMP) have revolutionized the way websites load on mobile devices, offering lightning-fast performance and improved user experiences. For WordPress users, implementing AMP can be a game-changer, especially with plugins like AMP Native and AMP First Standard Mode. However, setting up and validating AMP on WordPress can sometimes be tricky. In this guide, we’ll explore how to use AMP Native and AMP First Standard Mode, validate your setup, and weigh the pros and cons of this approach.


    What is AMP Native & AMP First Standard Mode?

    • AMP Native: A WordPress plugin that enables AMP functionality without requiring a separate AMP version of your site. It integrates AMP directly into your existing theme.
    • AMP First Standard Mode: A configuration where your entire site is served as AMP pages, ensuring a consistent and fast experience across all devices.

    Why Use AMP Native & AMP First Standard Mode?

    1. Improved Performance: AMP pages load instantly, reducing bounce rates and improving user engagement.
    2. SEO Benefits: Google prioritizes AMP pages in search results, especially for mobile users.
    3. Simplified Setup: AMP Native eliminates the need for separate AMP templates, making it easier to implement.
    4. Consistency: AMP First Standard Mode ensures your entire site adheres to AMP guidelines.

    Step-by-Step Guide to Implement AMP Native & AMP First Standard Mode

    Follow these steps to set up and validate AMP Native and AMP First Standard Mode on your WordPress site:


    Step 1: Install the AMP Plugin

    1. Go to your WordPress dashboard.
    2. Navigate to Plugins > Add New.
    3. Search for AMP and install the official AMP plugin by WordPress.org.
    4. Activate the plugin.

    Step 2: Configure AMP Native

    1. Go to AMP > Settings in your WordPress dashboard.
    2. Under the Template Mode, select Native.
    • This ensures your existing theme is used for AMP pages.
    1. Save the changes.

    Step 3: Enable AMP First Standard Mode

    1. In the AMP > Settings section, enable AMP First Standard Mode.
    • This ensures your entire site is served as AMP pages.
    1. Save the changes.

    Step 4: Validate Your AMP Setup

    1. Use the AMP Validator to check if your pages comply with AMP standards.
    • Visit your site and append /amp/ to any URL (e.g., https://yoursite.com/sample-post/amp/).
    • Use the AMP Validator to test the page.
    1. Fix any validation errors:
    • Common issues include invalid CSS, missing AMP components, or unsupported tags.
    • Use the AMP Compatibility Tool in the plugin to identify and resolve issues.

    Step 5: Customize AMP Appearance

    1. Go to AMP > Design in your WordPress dashboard.
    2. Customize the appearance of your AMP pages:
    • Change colors, fonts, and layouts to match your brand.
    1. Save the changes.

    Pros and Cons of AMP Native & AMP First Standard Mode

    Pros

    1. Improved Performance: AMP pages load faster, enhancing user experience.
    2. SEO Advantages: AMP pages are prioritized in Google search results.
    3. Simplified Setup: No need for separate AMP templates or themes.
    4. Consistency: AMP First Standard Mode ensures all pages adhere to AMP guidelines.

    Cons

    1. Limited Customization: AMP restricts certain HTML, CSS, and JavaScript elements.
    2. Plugin Dependency: You rely on the AMP plugin for functionality.
    3. Validation Challenges: Some themes or plugins may not be fully AMP-compatible.
    4. Learning Curve: Beginners may find it challenging to troubleshoot validation errors.

    Troubleshooting Common Issues

    1. Validation Errors:
    • Use the AMP Compatibility Tool to identify issues.
    • Replace unsupported elements with AMP-compatible alternatives.
    1. Styling Issues:
    • Ensure your CSS adheres to AMP guidelines (e.g., inline styles only).
    • Use the AMP Design settings to customize your pages.
    1. Plugin Conflicts:
    • Disable plugins one by one to identify conflicts.
    • Use AMP-compatible plugins whenever possible.

    Best Practices for AMP on WordPress

    1. Test Thoroughly: Validate all pages and posts to ensure AMP compliance.
    2. Optimize Images: Use AMP-compatible image formats like WebP.
    3. Monitor Performance: Use tools like Google PageSpeed Insights to track improvements.
    4. Stay Updated: Regularly update the AMP plugin and your theme for compatibility.

    Conclusion

    Implementing AMP Native and AMP First Standard Mode on WordPress can significantly improve your site’s performance and SEO. While there are some challenges, the benefits of faster load times and better mobile experiences make it worth the effort. By following this guide, you can set up, validate, and optimize AMP for your WordPress site with confidence.

    Have you tried AMP Native or AMP First Standard Mode? Share your experience or ask questions in the comments below!


  • WordPress SSL on MacOs Step By Step

    WordPress SSL on MacOS: Step-by-Step Guide to Secure Your Localhost

    Securing your WordPress site with SSL on MacOS is essential, even when working on a localhost. SSL (Secure Sockets Layer) encrypts data between your browser and server, ensuring a secure connection. In this guide, we’ll walk you through the steps to install WordPress SSL on MacOS for your localhost environment. By the end, you’ll have a fully secure WordPress setup ready for development or testing.


    Why Install SSL on WordPress Localhost?

    Even though your localhost isn’t publicly accessible, adding SSL on MacOS offers several benefits:

    • Secure Testing: Simulate a live environment with HTTPS for testing plugins, themes, and features.
    • Avoid Mixed Content Warnings: Prevent issues when migrating your site to a live server.
    • Prepare for Production: Ensure your site is production-ready with SSL configured from the start.

    Step 1: Set Up Localhost on MacOS

    Before installing SSL, ensure your localhost environment is set up. If you haven’t done this yet, follow our detailed guide on setting up localhost on MacOS Catalina. This guide covers installing tools like MAMP or Local by Flywheel, which are essential for running WordPress locally.


    Step 2: Generate SSL Certificates

    To enable SSL on MacOS, you’ll need SSL certificates. Here’s how to generate them:

    Using MAMP Pro

    1. Open MAMP Pro and select your WordPress site.
    2. Go to the Hosts tab and click SSL.
    3. Check the box for Enable SSL and generate a self-signed certificate.

    Using Local by Flywheel

    1. Open Local by Flywheel and select your WordPress site.
    2. Click on SSL in the left-hand menu.
    3. Toggle the switch to enable SSL. Local will automatically generate and install the certificates.

    Step 3: Configure WordPress to Use SSL

    Once SSL certificates are generated, configure WordPress to use HTTPS:

    1. Open your WordPress site in a browser.
    2. Log in to the WordPress admin dashboard.
    3. Go to Settings > General.
    4. Update the WordPress Address (URL) and Site Address (URL) to use https:// instead of http://.
    5. Save the changes.

    Step 4: Fix Mixed Content Issues

    After enabling SSL, you may encounter mixed content warnings (HTTP resources on an HTTPS page). Here’s how to fix them:

    1. Install the Really Simple SSL plugin.
    2. Activate the plugin, and it will automatically detect your SSL certificate and fix mixed content issues.
    3. Verify your site by visiting it in a browser. The padlock icon should appear in the address bar.

    Step 5: Test Your SSL Configuration

    To ensure your WordPress SSL on MacOS is working correctly:

    1. Visit your site using https://.
    2. Check for the padlock icon in the browser’s address bar.
    3. Use tools like SSL Labs’ SSL Test (opens in new tab) to validate your SSL configuration.

    Best Practices for SSL on Localhost

    • Use Trusted Tools: Tools like MAMP Pro and Local by Flywheel simplify SSL setup.
    • Regularly Update Certificates: Self-signed certificates may expire. Regenerate them periodically.
    • Test Thoroughly: Ensure all plugins and themes work correctly with HTTPS.

    Final Thoughts

    Installing WordPress SSL on MacOS for your localhost environment is a straightforward process that enhances security and prepares your site for production. By following the steps above, you can ensure a seamless transition to HTTPS and avoid common pitfalls.

    For more detailed instructions on setting up localhost, check out our guide on localhost setup for MacOS Catalina.


    Key Takeaways

    • SSL is essential for secure testing and preparing your WordPress site for production.
    • Tools like MAMP Pro and Local by Flywheel simplify SSL setup on MacOS.
    • Use plugins like Really Simple SSL to fix mixed content issues.
    • Regularly test and update your SSL configuration to ensure security.

    Have you set up WordPress SSL on MacOS? Share your experience or ask questions in the comments below! For more WordPress tips and tutorials, visit Netnaps.

    For more details on setting up localhost, check out our guide on localhost

  • List of Plugins tested on AMP Standard Mode

    List of Plugins Tested on AMP Standard Mode: Boost Your Website’s Performance

    Accelerated Mobile Pages (AMP) is a game-changer for improving website speed and user experience on mobile devices. By using AMP, you can ensure your site loads instantly, which is crucial for retaining visitors and improving SEO rankings. However, not all plugins are compatible with AMP Standard Mode. To help you out, we’ve compiled a list of popular plugins that have been tested and work seamlessly with AMP Standard Mode. These plugins will enhance your site’s functionality without compromising AMP compatibility.


    What is AMP Standard Mode?

    AMP Standard Mode is a WordPress implementation that ensures your site adheres to AMP guidelines while maintaining full functionality. It allows you to use AMP-compatible plugins and themes to deliver a fast, responsive, and user-friendly experience.


    Popular Plugins Tested on AMP Standard Mode

    Here’s a list of widely-used plugins that are fully compatible with AMP Standard Mode:

    1. Yoast SEO

    • Description: Yoast SEO is one of the most popular SEO plugins for WordPress. It helps you optimize your content for search engines and improves your site’s visibility.
    • AMP Compatibility: Fully compatible with AMP Standard Mode.
    • Plugin URL: Yoast SEO

    2. WP Super Cache

    • Description: WP Super Cache is a caching plugin that generates static HTML files from your dynamic WordPress site, improving load times.
    • AMP Compatibility: Works seamlessly with AMP Standard Mode.
    • Plugin URL: WP Super Cache

    3. Smush – Image Optimization and Compression

    • Description: Smush optimizes and compresses images without losing quality, ensuring faster page load times.
    • AMP Compatibility: Fully compatible with AMP Standard Mode.
    • Plugin URL: Smush

    4. MonsterInsights

    • Description: MonsterInsights is a Google Analytics plugin that helps you track your website’s performance and user behavior.
    • AMP Compatibility: Works perfectly with AMP Standard Mode.
    • Plugin URL: MonsterInsights

    5. Contact Form 7

    • Description: Contact Form 7 is a simple and flexible plugin for creating contact forms on your WordPress site.
    • AMP Compatibility: Fully compatible with AMP Standard Mode.
    • Plugin URL: Contact Form 7

    6. WPForms

    • Description: WPForms is a user-friendly form builder plugin that allows you to create contact forms, surveys, and more.
    • AMP Compatibility: Works seamlessly with AMP Standard Mode.
    • Plugin URL: WPForms

    7. Elementor

    • Description: Elementor is a powerful page builder plugin that lets you design custom layouts with a drag-and-drop interface.
    • AMP Compatibility: Fully compatible with AMP Standard Mode.
    • Plugin URL: Elementor

    8. AMP for WP – Accelerated Mobile Pages

    • Description: This plugin helps you create AMP-compatible pages and ensures your site adheres to AMP guidelines.
    • AMP Compatibility: Designed specifically for AMP Standard Mode.
    • Plugin URL: AMP for WP

    9. WooCommerce

    • Description: WooCommerce is the most popular e-commerce plugin for WordPress, enabling you to create and manage online stores.
    • AMP Compatibility: Fully compatible with AMP Standard Mode.
    • Plugin URL: WooCommerce

    10. Really Simple SSL

    • Description: Really Simple SSL ensures your site uses HTTPS by configuring SSL certificates automatically.
    • AMP Compatibility: Works seamlessly with AMP Standard Mode.
    • Plugin URL: Really Simple SSL

    Benefits of Using AMP-Compatible Plugins

    1. Improved Performance: AMP-compatible plugins ensure your site remains fast and responsive.
    2. Better User Experience: Faster load times lead to higher user engagement and lower bounce rates.
    3. SEO Advantages: AMP pages rank higher in search engine results, improving your site’s visibility.
    4. Seamless Integration: These plugins work flawlessly with AMP Standard Mode, ensuring no functionality is lost.

    Tips for Choosing AMP-Compatible Plugins

    1. Check Compatibility: Always verify if a plugin is AMP-compatible before installing it.
    2. Test Plugins: Use tools like the AMP Validator to test your site after installing new plugins.
    3. Keep Plugins Updated: Regularly update your plugins to ensure compatibility with the latest AMP standards.
    4. Avoid Overloading: Use only essential plugins to maintain optimal site performance.

    Conclusion

    Using AMP-compatible plugins is essential for maintaining a fast, responsive, and user-friendly website. The plugins listed above have been tested and proven to work seamlessly with AMP Standard Mode, ensuring your site delivers an exceptional user experience. Whether you’re optimizing for SEO, improving performance, or enhancing functionality, these plugins are a great addition to your WordPress site.

    Have you tried any of these plugins with AMP Standard Mode? Share your experience in the comments below!


  • Clean WordPress Database Using WP-Optimize Plugin in 5 min

    Is your WordPress website running slower than usual? Over time, your WordPress database can become cluttered with unnecessary data, such as post revisions, spam comments, and transient options. This clutter not only slows down your site but can also affect its performance and user experience. Fortunately, cleaning your WordPress database doesn’t have to be a daunting task. With the WP-Optimize plugin, you can optimize your database in just 5 minutes! In this article, we’ll walk you through the process step by step.


    Why Clean Your WordPress Database?

    A clean and optimized database is essential for maintaining a fast and efficient WordPress website. Here’s why you should regularly clean your database:

    1. Improve Site Speed: Removing unnecessary data reduces the size of your database, leading to faster load times.
    2. Enhance Performance: A streamlined database improves server response times and overall site performance.
    3. Free Up Space: Cleaning your database helps free up server storage, which is especially important for sites with limited resources.
    4. Boost SEO: Faster websites rank better on search engines, improving your SEO.

    What is WP-Optimize?

    WP-Optimize is a powerful and user-friendly WordPress plugin designed to clean and optimize your database. It removes redundant data, compresses images, and caches your site for better performance. Best of all, it’s free to use, with premium features available for advanced users.


    How to Clean Your WordPress Database with WP-Optimize in 5 Minutes

    Follow these simple steps to clean and optimize your WordPress database using the WP-Optimize plugin:

    Step 1: Install and Activate the WP-Optimize Plugin

    1. Log in to your WordPress admin dashboard.
    2. Go to Plugins > Add New.
    3. Search for WP-Optimize.
    4. Click Install Now and then Activate.

    Step 2: Run a Database Optimization

    1. After activating the plugin, go to WP-Optimize in your WordPress dashboard.
    2. You’ll see a list of database optimization options, such as:
    • Clean post revisions: Removes unnecessary post revisions.
    • Clean auto drafts: Deletes auto-saved drafts.
    • Clean trashed posts: Clears posts in the trash.
    • Clean spam comments: Removes spam comments.
    • Clean transient options: Deletes temporary data.
    1. Select the options you want to clean (or select all for a thorough cleanup).
    2. Click Run Optimization.

    Step 3: Review and Confirm

    1. Once the optimization is complete, WP-Optimize will display a summary of the cleaned data.
    2. Review the results to ensure everything is in order.

    Step 4: Schedule Automatic Cleanups (Optional)

    To keep your database clean without manual intervention, you can set up automatic optimizations:

    1. Go to the Settings tab in the WP-Optimize dashboard.
    2. Enable Automatic clean-up and optimization.
    3. Choose the frequency (e.g., daily, weekly, or monthly).
    4. Save your settings.

    Step 5: Monitor Your Database Health

    WP-Optimize provides a dashboard where you can monitor your database’s health and performance. Regularly check this section to ensure your site remains optimized.


    Benefits of Using WP-Optimize

    • User-Friendly Interface: No technical expertise is required.
    • Comprehensive Cleaning: Removes all types of unnecessary data.
    • Automatic Scheduling: Saves time by automating the cleanup process.
    • Free to Use: The basic version offers all the essential features.
    • Image Compression: Premium versions include image optimization for faster load times.

    Tips for Maintaining a Clean WordPress Database

    1. Regular Cleanups: Schedule automatic cleanups to keep your database optimized.
    2. Backup Your Database: Always create a backup before running optimizations.
    3. Monitor Performance: Use tools like Google PageSpeed Insights to track your site’s speed.
    4. Limit Post Revisions: Use the WP_POST_REVISIONS constant in your wp-config.php file to limit the number of revisions saved.

    Conclusion

    Cleaning your WordPress database with the WP-Optimize plugin is a quick and effective way to boost your site’s performance. In just 5 minutes, you can remove clutter, improve speed, and enhance user experience. Whether you’re a beginner or an experienced WordPress user, WP-Optimize makes database optimization simple and hassle-free.

    Ready to give your WordPress site a performance boost? Install WP-Optimize today and experience the difference!