Insights, ideas and inspiration. A go to wisdom hub right here.

Introduction:

Ever landed on a long blog post and felt lost scrolling through it? That’s where a Table of Contents (ToC) comes in handy. It helps your readers jump straight to the part they’re looking for, making your content easier to read and more user-friendly.

In this guide, we’ll walk you through how to add a Table of Contents to your WordPress posts using a simple plugin, Easy Table of Contents, with no coding required.

Why Should You Add a Table of Contents to Your WordPress Site?

Adding a Table of Contents isn’t just about looks; it comes with real benefits for both readers and search engines:

• Provides Readers with a Quick Overview: Visitors can instantly see what your page covers, without needing to scroll endlessly.

• Improves Navigation: With clickable links, users can easily jump to the section they're interested in. It’s especially helpful on long posts or mobile devices.
• Boosts SEO Potential: A ToC adds internal links and keyword-rich headings, which help search engines understand your content better.
• Can Help You Win Featured Snippets: Google often pulls ToC links into featured results, giving your page more visibility and a higher click-through rate.
• Enhances User Experience: A well-structured page with a ToC feels more professional, keeps users engaged longer, and makes your content easier to scan.

Step 1: Create a Sample Blog Post to Demonstrate ToC

Let’s create a sample blog post so you can see exactly how the Table of Contents works in action. Here’s a post structure we’ll use:

• The main title of the page should use an H1 tag.
• Section headings beneath the title should use H2 tags.
• For sub-points or nested sections under each H2, use H3 or H4 tags as needed to maintain a logical content hierarchy.

Screenshot 1: Sample Post Created in WordPress

Step 2: Installing the Easy Table of Contents Plugin

Let’s get started by installing the plugin.

• Log in to your WordPress Dashboard
• Navigate to Plugins > Add New
• Type Easy Table of Contents in the search bar.
• Click Install Now next to the plugin name
• After installation, click Activate

Screenshot 2: Install and Activate the Easy Table of Contents Plugin

Step 3: Navigating to the Plugin Settings

Once you have installed the plugin, navigate to the Settings Section of the Easy Table of Contents plugin. You’ll see multiple sections to customize the appearance of your Table of Contents (ToC).

Screenshot 3: Settings Section of Easy Table of Contents Plugin

Step 4: Configuring General Settings

In the general settings, you can configure where and how the Table of Contents (ToC) appears.

• Enable Support:
  • With this option, you can choose to display the ToC on:
    • Regular blog posts
    • Static pages
    • Or any custom post types your site may be using
  • Just tick the checkboxes that match your needs. For most bloggers, enabling it on posts is a great start. If you’re writing long-form content on pages, too (like guides or case studies), go ahead and enable it there as well.

Screenshot 4: General Settings Panel Enable Support Options

• Auto Insert: When Auto Insert is enabled, the plugin automatically adds the Table of Contents to every new post or page that meets the criteria, eliminating the need for manual insertion each time.
  • You can choose multiple options to auto-insert the Toc in different post types.
  • If you prefer more control and want to decide on a case-by-case basis, you can leave this setting off and insert the ToC manually (we'll cover that later). But if you know you’ll want a ToC in every post, enabling this option is a great set-it-and-forget-it move

Screenshot 5: General Settings Panel Auto Insert Option

• Position: This setting lets you pick where the Table of Contents appears within your content.
  • Here you will find these options:
    • Before first heading (Recommended): This places the ToC right before your first H2 heading, which feels natural and helps guide the reader before they dive into your content.
    • After the first heading, the ToC appears immediately after your first heading. This is helpful if you want to kick things off with a strong title and then let readers navigate.
    • After the first paragraph, insert the ToC after your opening paragraph. It works well when you want to lead with a quick intro and keep things tidy before showing the ToC.
    • After image: Ideal for image-heavy posts or tutorials. The ToC won’t interrupt the visual flow and appears only after a specific number of image is displayed.
    • After number: If your content uses numbered lists or data early on, this option places the ToC after the numerical item that you have specified,  though it’s a bit niche and less commonly used.
    • Top: Inserts the ToC right at the top of the post, even before your introduction. It grabs attention but may feel a bit abrupt if your intro is important for context.
    • Bottom: Places the ToC at the end of your post. Not very helpful for navigation, but can still be useful as a recap.
  • For most blogs, “Before first heading” works best as it provides a nice flow, giving the reader a preview of what's coming without disrupting the intro paragraph.

Screenshot 6: General Settings Panel Table of Content Position Options

• Show When [X]  Headings Are Present: Displays the ToC after the set number of headings (e.g., 2). Keeps shorter posts clean.
• Display Header Label: Adds a title above the ToC, like “Table of Contents,” which is helpful for clarity.
• Toggle on Header Text: Let users click the header to expand or collapse the ToC, which is useful for long lists.
• Header Label: Customize the ToC title (e.g., “Contents” or “On This Page”) to match your tone.
• Header Label Tag: Choose the HTML tag for the ToC title (like div, h2, etc.), mostly for styling or SEO.
• Toggle View: Enables a Show/Hide button for the entire ToC.
• Initial View – Hide by Default: Starts the ToC in a collapsed state. Great for keeping layouts minimal.

Screenshot 7: General Settings Panel Table Behavior & Display Options

• Show as Hierarchy: Displays nested headings to reflect your content structure.
• Counter: Adds numbering (1.1, 1.2, etc.) in various formats.

Screenshot 8: General Settings Panel Hierarchy and Counter Options

• Counter Position: lets you decide where the numbers appear — inside or outside the ToC items.
• TOC Loading Method: The Default is JavaScript, which loads the ToC smoothly without slowing down your site. Best left unchanged.
• Smooth Scroll: Ensures smooth navigation when clicking ToC links. Recommended to keep ON.
• Exclude href from URL: This prevents the section links from modifying the URL and works only when Smooth Scroll is enabled.
• AMP Page Support: Choose whether you want to show the ToC on AMP (mobile-optimized) pages.

Screenshot 9: General Settings Panel Functionality & Scroll Behavior Settings

Step 5: Configuring Appearance Settings

Customize how the Table of Contents looks to match your site’s style and layout..

• Width: Set the box size to match your preferences.
• Alignment: This option allows you to choose how the ToC aligns within the page. The default is "None", but other options include left, right, and center.
• Heading Text Direction:
  • Select the direction your headings appear in.
  • Left to Right (LTR) is standard for most languages; Right to Left (RTL) supports languages like Arabic or Hebrew.
• Enable Wrapping: Allows long headings to break into multiple lines instead of overflowing or being cut off.
• Heading Padding: Adjust the space around the Table of Contents by setting padding values for top, bottom, left, and right in pixels.

Screenshot 10: Appearance Settings Panel Width and Alignment Options

• Font Options: Change the font size and weight for the ToC content.
  • Title Font Size: Controls the size of the ToC heading (e.g., “Table of Contents”).
  • Title Font Weight: Sets how bold the heading appears.
  • Font Size: Adjusts the body font of the ToC links.
  • Font Weight: Sets the boldness of the regular link text.
  • Child Font Size: Adjusts the size of subheading text in the ToC.

Screenshot 11: Appearance Settings Panel Font Options

• Theme Options: Choose from preset themes like Grey, Light Blue, White, Black, Transparent, or Custom. These themes affect only the ToC inserted in your post content, not the widget version.
  • Custom Theme Settings: (Only applies if you select "Custom" as your theme.)
  • Background Color: Sets the ToC box background.
  • Border Color: Adds a border color around the box.
  • Title Color: Changes the color of the ToC heading text.
  • Link Color: Sets the default link color for ToC items.
  • Link Hover Color: Changes the link color when a user hovers over it.
  • Link Visited Color: Displays a different color for links that have already been clicked.

Screenshot 12: Appearance Settings Panel, Theme and Custom Theme Options

Step 6: Configuring Advanced Settings

These setting options help you fine-tune how and where your Table of Contents works across different types of pages and devices.

• Lowercase: Converts all anchor links (the clickable section links) to lowercase. This helps maintain consistency and avoid issues with case-sensitive URLs.
• Hyphenate: Replaces underscores (_) with hyphens (-) in anchor links. For better SEO and user experience, use hyphens in your URLs.
• Homepage: Enables the Table of Contents on posts or content displayed on your homepage (if supported).
• Category: Displays the ToC in the description area of category archive pages.
• Tag: Adds the ToC to the description section of tag archive pages.
• Product Category: If you’re using WooCommerce, this setting shows the ToC in product category descriptions.
• Custom Taxonomy: Allows the ToC to appear in the description of any custom taxonomy pages you’ve set up.
• Device Target: Lets you choose which devices the ToC will be shown on (desktop, tablet, mobile, or all). Ideal for controlling visibility based on screen size. 
• Load JS In: Specifies where the plugin loads its JavaScript. The default is “Footer” to help improve page load speed.
• CSS: Disables the plugin’s default styles if you want to use your own custom CSS. Keep this unchecked unless you're styling the ToC manually.
• Inline CSS: Helps boost performance by embedding the ToC styles directly into the HTML, reducing extra HTTP requests and improving page load speed.

Screenshot 13: Advanced Settings Panel

• Headings (H1–H6): You can choose which heading levels should be included in the ToC.
  • By default, most users include H2 and H3, since H1 is usually the post title and already visible at the top.
  • For more detailed posts, you might also include H4–H6.
  • Simply check or uncheck the heading levels based on how your content is structured.
• Exclude Headings: Allows you to leave out specific headings from the ToC manually. Just enter the exact heading text or use wildcards to skip similar ones.

Screenshot 14: Advanced Settings for Headings Panel 

• SiteNavigation Schema: Adds structured data to your Table of Contents so search engines can better understand your page layout. It can improve how your content appears in Google search results.
• Smooth Scroll Offset (Desktop): If your site has a sticky menu or admin bar at the top, this setting prevents headings from being hidden when users click ToC links. A value of 30px is good for most setups.
• Mobile Smooth Scroll Offset: Works the same as the desktop offset, but for mobile devices. Adjust it if your mobile menu covers content when scrolling to sections.

Screenshot 15: Advanced Settings Panel Site Navigation Schema & Scroll Offset

• Limit Path: This feature helps display the Table of Contents only for specific sections of your site.
  • Just enter the path (starting with /) where you want the ToC to appear.
    Example: /blog/, /docs/, /resources/guide/
  • Great for keeping the ToC limited to certain areas like documentation or blog posts.
• Exclude by Matching URL/String:  This hides the ToC on specific pages based on URL patterns.
  • Just enter part of the URL (one per line), and the plugin will skip adding a ToC to any matching pages.

Screenshot 16: Advanced Settings Panel Path Options

• Default Anchor Prefix: If your headings use non-English or special characters, this setting adds a fallback prefix to the anchor links (like i, toc_, or _) so they still work properly.
  When left empty, numbers will be used instead.
• Default Anchor Prefix For All: Forces the use of the anchor prefix even if your headings use standard characters. Useful for consistent URL structure.
• Widget Affix Selector: This option lets you pin the Table of Contents widget in your sidebar. You’ll need to enter the class or ID of your theme’s sidebar manually, for example, .widget-area or #sidebar. This keeps the ToC visible while scrolling.
• Add Request URI: Adds the current page’s URL before the anchor link (e.g., /post-name#section). Useful for internal navigation consistency.
• Add Self Reference Link: Adds the full URL before anchor links (e.g., https://yourdomain.com/post#section). This is handy for copying or sharing direct links to specific sections.

Screenshot 17: Advanced Settings Panel Anchor & Widget Options

• Remove ‘:’ from TOC Title: Takes out the colon (:) that appears after the Table of Contents title, which is useful if you prefer a cleaner look.
• Show Page Title in TOC: Adds the page or post title as the first item in the Table of Contents. Helpful for long-form content or reports.
• Disable TOC in REST API: Stops the Table of Contents from appearing in REST API responses that are typically useful for developers or headless WordPress setups.
• Generate TOC Link IDs: Turn this on if you’re manually adding the ToC using a shortcode ([ez-toc]) in templates, sidebars, or PHP files. Ensures the anchor links still work.
• Fix Out of Memory / 500 Error: Enables a workaround for memory or server errors that might happen when using page builders like DIVI with the TOC shortcode.

Screenshot 18: Advanced Settings Panel Miscellaneous Settings

• Preserve Line Breaks: Keep the original line breaks from your headings in the Table of Contents, great for keeping formatting consistent.
• Ajax Load More: Ensures the ToC toggle works correctly with infinite scroll or content loaded via Ajax. Helpful for dynamic blogs or news sites.
• Display No Heading Text: Shows a fallback message when a heading is missing, so the ToC still makes sense even if some titles are empty.
• Shorten Heading: (Disabled by default) – If enabled, this would shorten long headings in the ToC to make it more concise.
• Remove TOC Links: Removes clickable anchor links from the Table of Contents, turning it into a plain list, which is ideal if you want a non-clickable overview.

Screenshot 19: Advanced Settings Panel, Additional Functionality Settings

Step 7: Configuring Shortcode Settings

• If you want more control over where the Table of Contents appears, instead of relying on auto-insert, you can manually add it using the shortcode: [ez-toc]. Just paste it anywhere in your post or page where you'd like the ToC to appear.
• Common Shortcode Customizations: You can customize the ToC using these optional attributes:
  • [header_label="Contents"] – Set a custom title for your ToC.
  • [display_header_label="no"] – Hide the title completely.
  • [toggle_view="no"] – Removes the expand/collapse toggle.
  • [initial_view="hide"] – Keeps the ToC collapsed when the page loads.
  • [display_counter="no"] – Beside each ToC item, it turns off numbering
  • [post_types=" post, page"] – Use the ToC on specific content types.
  • [post_in="12,45"] – Show the ToC only on certain post/page IDs.
  • [device_target="desktop"] – Choose where to show the ToC (desktop or mobile).
  • [view_more="5"] (PRO) – Show limited headings at first, expand on click.
  • [class="custom_toc"] – Lets you add your own custom CSS class for styling.
  • [exclude="Test"] – Exclude headings that contain the word “Test.”
  • [heading_levels="2,3"] – Will let you include only h2 and h3 headings in the ToC.

Screenshot 20: Shortcode Settings Panel for Manual Addition of Toc

• Manual ToC Widget Shortcode: If you’d like to display the Table of Contents in your sidebar or widget area, you can use this shortcode:[ez-toc-widget-sticky]. Simply add it into a Text or Shortcode widget in your WordPress sidebar to make the ToC stick and stay visible while users scroll through your content.
• Auto Insert Option (No Shortcode Needed): If you prefer not to use shortcodes at all, the plugin also supports automatic insertion.
  • Just go to: WordPress Dashboard > Settings > Table of Contents > General Settings > Auto Insert.
  • From there, you can enable the plugin to automatically add the ToC to posts, pages, or custom post types — no shortcode required during editing. This is the easiest option for beginners.

Screenshot 21: Shortcode Settings Panel for Manual Addition of Widget Shortcode and Auto Insert Options

• Add a Sitemap Manually in WordPress: If you prefer adding a sitemap manually, the Easy Table of Contents plugin provides simple shortcodes. These shortcodes let you list all your pages, posts, or categories in an organized format on any WordPress page with no extra tools or coding required.
  • Manual Adding Sitemap Shortcode: Use this shortcode [ez-toc-sitemap] that adds a full sitemap with all pages and categories to your WordPress page with no coding needed.
  • Manual Adding Sitemap Pages Shortcode: Use this shortcode [ez-toc-sitemap-pages], which creates a sitemap that only includes pages, without categories or posts.
  • Manual Adding Sitemap Categories Shortcode: Use this shortcode [ez-toc-sitemap-categories] to create a sitemap listing only categories.
  • Manual Adding Sitemap Posts Shortcode: Use this shortcode [ez-toc-sitemap-posts] to generate a sitemap of all posts.

Screenshot 22: Shortcode Settings Panel for Adding a Sitemap Manually in WordPress

Step 8: Enabling Sticky TOC

The Sticky TOC feature keeps the Table of Contents visible on the screen as users scroll down your post or page. It "sticks" to a position usually on the side, so readers can easily jump to any section without scrolling back up.

Screenshot 23: Sticky ToC Settings 

Step 9: Compatibility Options

These options ensure the Table of Contents works smoothly with popular third-party plugins and page builders. When enabled, they include special content types in the ToC that might otherwise be skipped.

• Created by Mediavine: If you’re using Mediavine’s Recipe Card plugin, enabling this option will automatically include the recipe headings inside the Table of Contents, which is great for food bloggers!
• GoodLayers Core Builder: If your site uses the GoodLayers page builder, this setting makes sure that all headings added via the builder are detected and shown in the TOC.
• Molongui Authorship: This ensures compatibility with the Molongui Authorship plugin, allowing proper ToC display even when author-specific content is involved.

Screenshot 24: Compatibility Options

Step 10: Configuring Import/Export Settings

This section helps you save, restore, or transfer your Easy Table of Contents (ETOC) settings easily between websites or backups.

• Import/Export Settings: This section helps you save, restore, or transfer your Easy Table of Contents (ETOC) settings between websites or backups.
• Export Settings: Click Export to download your current ETOC settings as a .json file. This is useful for creating backups or applying the same configuration to another website.
• Import Settings: This lets you restore your saved preferences. Just click "Choose File," upload your .json file, and the plugin will automatically apply your previous setup.
• Delete Data on Uninstall: Enable this option to completely remove all plugin data, including settings, when uninstalling Easy TOC.
• Only enable this if you’re sure you won’t need the settings in the future.

Finally, click the "Save Changes" button to apply your settings. Your Table of Contents is now fully configured and ready to appear on your posts or pages.

Screenshot 25: Configuring Import/Export Settings and Saving the Changes

Step 11: Preview the Table of Contents on Your Post

To make sure everything is working:

• Open the sample post you created earlier.
• Scroll to the top of the content section.
• You should see the Table of Contents automatically displayed based on the headings in your post.

If it doesn't appear, double-check that the post type is enabled in the plugin settings and that you have used proper heading tags (H2, H3, etc.).

Screenshot 26: Table of Contents Added to the Post

Conclusion

Adding a Table of Contents to your WordPress site doesn’t have to be complicated. With the right plugin and a few easy settings, you can instantly make your content more organized, reader-friendly, and optimized for SEO.

Now that you know how to do it, give it a try! Whether you're writing blog posts, tutorials, or guides, a simple ToC can make a big difference in how your content is experienced.

• Search-Friendly Listings: Each job post is structured using Google Job Schema, which makes it easier for Google to index and show in search results, including Google Jobs. That means more visibility without needing to pay for external listings.
• Custom Job Pages That Get Clicks: Every job has its page, making it easier to share and easier for candidates to apply. These pages also help your site rank better over time.
• No-Code Job Posting for HR: Easily manage job applications with a page on your site, no admin access needed. Your team can post and update jobs directly from the front end, without any technical skills required.
• Flexible Fields for Any Role: Whether you’re hiring for tech, design, operations, or remote positions, you can customize each listing to include the exact details you want.
• Built-In Filtering and Search Tools: Candidates can sort by location, category, or type of job, helping them find what fits—and apply faster.
• Easy to Manage and Expand: You get a basic job board out of the box, and can add more features later, like resume uploads, job alerts, or applicant tracking, as your hiring needs grow.

Step 1: Install and Activate the WP Job Manager Plugin

• Go to the WordPress Dashboard.
• Go to Plugins > Add New > WP Job Board Plugin
• Install and Activate

Screenshot: WP Job Manager

Step 2: Run the Setup Wizard

Go to WP Jobs Manager and click on Run Setup Wizard

Screenshot: Click on Run Setup Wizard

You’ll see a checkbox asking if you’d like to help improve the plugin by allowing it to collect anonymous usage data. Optional, but it’s a nice way to support the developers behind the scenes.

At this stage, you can either:

• Click “Start Setup” to let the plugin do all the work for you (highly recommended if you're new), or

• Click “Save and Skip Setup” if you prefer to configure everything manually using shortcodes (great for advanced users or custom designs)

Screenshot: Run Setup Wizard

Once you hit “Start Setup” in the wizard, the next screen brings you to the Page Setup section.

Screenshot: Page Setup

You don't have to make pages and add shortcodes by yourself (unless you want to later). WP Job Manager can automatically create three important job board pages for you.

Post a Job

This page uses the [submit_job_form] shortcode to allow employers to submit job listings directly from the front end of your website. This eliminates the need to give them access to the WordPress admin dashboard.

This is Perfect for multi-employer sites or directories.

Job Dashboard

Adds a [job_dashboard] page where employers can view, edit, and manage their listings again, all from the front end.

This creates a smoother, more polished experience for job posters.

Jobs

This one’s for your site visitors. It shows job listings using the [jobs] shortcode. People can look through jobs, search, and filter them easily.

By default, all three pages are selected. For most people, that’s the best choice. Just click “Create selected pages,” and WP Job Manager will set them up for you right away.

If you want to do it your way (like using a custom layout), you can skip this step and add the shortcodes yourself later.

We are going with all three selected pages.

The next final screen is all about giving you quick access to the next steps so you can hit the ground running.

Screenshot: Final Step of Setup

What can you do now?

Tweak your settings: Customize listing behavior, duration, and fields.

Add a job using the admin dashboard: Manually add job listings via the WordPress backend.

View submitted job listings: Check active/pending jobs.

Add a job via the front-end: Test the user job submission form.

View the job dashboard: Preview the front-end employer dashboard.

Step 3: Add a Job

Once you have finished the setup, go to Job Manager> Job Listings> Add New Job.

Screenshot: Select Add Job

You’ll be directed to the new window, the classic editor of WordPress. Here, you have to add a job description. 

Screenshot: Add Job Description Here

Next, fill in the job title, location, company details, job description, and other such details. Select the job type and upload a logo if needed. You can also add job tags and job types: Freelance, Full Time, Internship, Part Time, and Temporary. 

Once done, click “Publish” to make the job listing live.

Screenshot: Add other Required Details

After publishing, click on the View tab to view your published job listing.

Screenshot: Published Job Listing

You can also see your job listing on the dashboard.

Screenshot: Job Listing Board

Step 4: Add a Job Type

To add a new job type, 

• Enter the job type name (e.g., "Contract").
• Add a slug (URL-friendly version, like contract).
• Optionally, add a description or select a parent type.
• Choose the Employment Type from the dropdown.
• Click "Add New Job Type".

These types help organize job listings and let users filter them easily.

Screenshot: Add Job Type

Step 5: Add Applications (Pro Feature)

The Applications Pro feature ($79/year) allows employers to manage job applications directly on their dashboard. 

It enables candidates to apply using a built-in form, and lets employers view, save, rate, and comment on applications privately. 

This streamlines the hiring process and keeps everything organized within the site.

Screenshot: Add Applications

Step 6: Add Resumes

The Resume Manager feature ($49/year) adds a resume submission form to your site, letting candidates post resumes and apply to jobs using them. 

Employers can manage resume listings from the WordPress dashboard, restrict access by user roles, and control who can view candidate contact details.

Screenshot: Resume Manager

Step 7: General Settings

Under settings, go to general settings. 

The General Settings tab allows you to configure key plugin options. 

You can change the date format (regular or relative), turn on job stats to track visitors, and add a Google Maps API key to show locations.

You can also choose to:

• Delete all data when you uninstall the plugin
• Skip the trash and delete job listings right away
• Turn on usage tracking to help make the plugin better

Screenshot: General Settings

Step 8: Settings > Job Listings

The Job Listings Settings control the appearance and functionality of job listings, including: 

• Setting the number of jobs per page, choosing pagination style (load more/page numbers)
• Showing or hiding filled & expired jobs
• Enabling job categories/types (with multi-selection)
• Displaying remote job and salary information
• Showing or hiding location addresses
• and removing shortcodes from descriptions.

Screenshot: Job Listings

Step 9: Settings > Job Submission

The Job Submission Settings control how users submit/manage job listings. Users can be required to log in, create accounts during submission, and schedule listings. 

Admins can review/approve submissions and edits, and control user editing permissions. 

Other settings include listing duration, renewal options, posting limits, application methods (email/link), and terms & conditions agreements.

Screenshot: Job Submission

Step 10: Settings > Captcha

The CAPTCHA settings configure spam protection for job submissions.  

You can customize the field label, choose reCAPTCHA v2 or v3 (requiring separate API keys), input the Site and Secret Keys, and enable CAPTCHA on the job submission form.

Screenshot: Captcha

Step 11: Settings > Pages Tab

The Pages tab links WP Job Manager's functions (job submission, dashboard, listings) to specific WordPress pages using shortcodes. Ensure the correct shortcodes are on their corresponding selected pages for proper functionality.

Screenshot: Pages Settings

Step 12: Settings > Job Visibility

The Job Visibility tab in WP Job Manager controls who can browse the general job list and view the details of individual job postings. 

You can set these capabilities to "Everyone (Public)" or restrict access to specific user roles.

Screenshot: Job Visibility

Step 13: Settings > Email Notifications

The "Email Notifications" tab in WP Job Manager lets you configure automated email alerts.  Specifically, it allows you to enable notifications to the administrator for new or updated job listings, and also set up notifications regarding expiring job listings. 

You can choose the email format (plain text or rich text) for these notifications.

Screenshot: Email Notifications Settings

Step 14: Settings > Marketplace

The Marketplace allows users to manage installed plugins by activating, deactivating, updating, and deleting them. Users can also search for and install new plugins to extend WordPress functionality.

Screenshot: Marketplace

Conclusion

By adding WP Job Manager to your website, you're not just creating a job board—you're transforming your site into a powerful recruitment tool. With an intuitive interface that’s easy for both employers and job seekers to use, it streamlines the hiring process and helps you connect with a wider pool of qualified candidates.

Don't let great talent slip away. Enhance your careers page with WP Job Manager and make your company stand out as a top destination for professionals on the hunt for new opportunities.

Now it's your turn to install the plugin, configure your settings, and watch your job portal come to life!

By integrating DAM with WordPress, you are able to streamline your workflow, improve website performance, and make managing media assets effortless.

What You’ll Gain with DAM Integration

Integrating a DAM system with WordPress brings a noticeable boost in performance, organization, and collaboration. 

• Better Organization: AI-powered tagging, metadata, and smart search filters make it easy to manage and locate assets.
• Faster Page Speed: Optimized media is delivered via global CDNs, improving load times across all devices.
• Easy Collaboration: Teams can securely access, update, and share assets without the risk of overwriting files.

• SEO Benefits: Automatic image optimization and detailed metadata improve search engine visibility.

• Scalability: Easily handle large volumes of digital assets without slowing down your WordPress site.

DAM vs. WordPress Media Library: What’s the Difference?

At first glance, the WordPress Media Library and a Digital Asset Management (DAM) system might seem similar as they both store and manage media files. 

However, they serve very different purposes. The WordPress Media Library is a basic file storage tool. A DAM system is a fully-featured solution for organizing, optimizing, and distributing digital assets efficiently. 

Let's compare!

Which One Should You Use?

If you only need to upload and manage basic media files, the WordPress Media Library is enough.

If you deal with large volumes of digital assets, need better search and collaboration, or want automation, DAM is the better choice.

The ideal setup is integrating DAM with WordPress, which gives you advanced asset management while keeping WordPress lightweight and optimized.

Guide to Integrating DAM with WordPress with Cloudinary

Cloudinary is a powerful Digital Asset Management (DAM) system that helps optimize, store, and deliver media files efficiently.

Step 1: Create a Cloudinary Account

Go to Cloudinary’s Website: Visit Cloudinary and click on Sign Up.

Screenshot: Sign up with Email

Choose your preferences with the usage. 

Screenshot: Choose Your Interest

Collect the API key and Secret Key from the Cloudinary Dashboard. 

Screenshot: Go to API Keys

Screenshot: API Key Details

Step 2: Install and Configure the Cloudinary WordPress Plugin

Go to WordPress Dashboard> Plugins> Add New> Cloudinary

Screenshot: Add Cloudinary Plugin

Open Cloudinary Setup. 

If you already have an account, go to the Next step. If you don't have an account, you can create one from here, too. 

Screenshot: Cloudinary Setup

Connect Plugin by entering Cloudinary API environment variable, which you can get from Cloudinary console.

Screenshot: Copy API Environment Variable from Console

Now, to paste this variable, you have to add API key and API secret Key in the variable itself as shown:

CLOUDINARY_URL=cloudinary://<your_api_key>:<your_api_secret>@dpptllbzb

Now replace <your_api_key> with Cloudinary API key and <your_api_secret> with Cloudinary API Secret Key. 

Screenshot: Paste API Environment Variable here

Click on Next. 

You can now choose the recommended settings of Cloudinary. 

To do so, first click on the Lock icon to make the changes. 

Screenshot: Recommended Settings

And you are done with the Plugin Settings!

Screenshot: Plugin Settings Complete

Step 3: Cloudinary Settings

Go to WordPress dashboard> Cloudinary> General settings

General Settings in Cloudinary manage how media assets sync, store, and deliver between WordPress and Cloudinary for optimized performance and flexibility.

Screenshot: General Settings

Go to Image Settings to optimize, transform, and deliver images efficiently by adjusting format, quality, and other global transformations for better performance and responsiveness.

Screenshot: Image Settings

Video Settings in Cloudinary control video delivery, optimization, format, quality, and transformations to enhance performance and playback across devices.

Screenshot: Video Settings

Lazy Loading Settings enable optimized loading of images and videos by deferring their loading until they are needed, improving page speed and performance.

Screenshot: Lazy Loading
Responsive Image Settings automatically generate multiple image sizes based on breakpoints to optimize loading across different screen sizes, enhancing performance and user experience.

Screenshot: Responsive Image settings

Gallery Settings allow customization of gallery layouts, color palettes, transitions, and display parameters to enhance visual presentation on posts and pages.

Screenshot: Gallery settings

That’s it! You are all set to use Cloudinary DAM!

Now, while using the WordPress Editor, when you add an image, you can see the Cloudinary option. 

Screenshot: Cloudinary Option While Uploading Media

Conclusion

Integrating Cloudinary with WordPress makes managing media files easier, faster, and more efficient. It keeps your site organized, speeds up loading times, and improves SEO by delivering optimized images and videos through a global CDN.

With your Digital Asset Management (DAM) now in place, you can handle high-quality media without slowing down your website!

• Go to the Factors AI website.

Screenshot 1: Factors AI Website

• Click the Log in button. If you already have an account, enter your login credentials. If you don’t have an account, click on Sign up.

Screenshot 2: Create an Account at Factors AI

• Enter your email address. Make sure you only use your work email, as Factors AI does not accept personal email addresses. 
• Follow the setup instructions, like filling out your name and phone number to create your account.

Connect Factors AI with Your Website

Next, you have to connect your website to Factors AI.

Create a New Project: This tab will gather information about your Project Name, display by default your company’s domain, and your preferred time zone. You can also upload your company’s logo to get a more professional look. Click on Create and continue to proceed.

Screenshot 3: Enter your Company Details 

Connect With Your Website: This step is about integrating Factors AI with your website so that it can start tracking visitor activity. You have three ways to do this:

• Using Google Tag Manager (GTM): Recommended (Easier)
• Manual Setup: Adding the script directly to your site’s code
• Using a Customer Data Platform (CDP) like Segment or RudderStack

Screenshot 4: Ways to Connect Factors AI with Your Website

You can select any one option to connect your website. 

We’ll cover connecting your website to Factors AI in the coming sections of the blog. 

Method 1: Installing Factors AI With WPCode Plugin

For this, go to your WordPress Admin Dashboard. 

Install the WPCode plugin, which allows for the insertion of code snippets. 

Go to Code Snippets> Add Snippet > Add Your Custom Code (New Snippet) > Select Javascript > Add Factors SDK.

Screenshot 5: Select Add Snippet 

Screenshot 6: Select Javascript Snippet

Screenshot 7: Add Factors SDK

Make sure the button is Active.

Screenshot 8: Set the Active Button

Click on Save Snippet.

Go back to the Factors AI website- Connect with Your Website page. 

Please click 'Verify Now' to verify the connection of your website to Factors AI, irrespective of the integration method used. 

Screenshot 9: Click on Verify it Now

You’ll get the message “Verified. Your script is up and running.”

Screenshot 10: Script is Verified

Click on Connect and Continue. 

Method 2: Installing Factors AI on your WordPress Without a Plugin (manually adding code)

You already have the Factors SDK code. Now, just manually place this code in your website’s header section. 

Here are a few things to keep in mind when manually adding code:

• Use a Child Theme: It's best to add the FActors AI code to your child theme instead of the parent theme. If you don't have a child theme installed, follow this tutorial to create one.
• Back Up Your Website: Before making any changes, always back up your site. Check out this blog on how to back up a WordPress website. At a minimum, create a copy of your child theme's header.php or functions.php file since these will be modified. This ensures you can restore your site if anything goes wrong.
• Technical Expertise Recommended: Manual code installation is recommended only if you have the necessary technical skills to handle the code.
  

Option 1) Installing Factors AI by adding SDK to the header.php file (recommended for developers)

Note: This method will work only on Legacy Themes and not on Block Editor Themes. 

• Access your website's WordPress dashboard. Go to Appearences> Theme File Editor. 

Screenshot 11: Select Theme File Editor

• Locate the header.php file in the right sidebar (choose header.php of the child theme). 

Screenshot 12: Locate header.php file

• Paste the copied SDK code snippet just before the closing </head> tag.

Screenshot 13: Insert Script

• Save the changes and publish or update your website to ensure the SDK is active.

Screenshot 14: Update File

After installation, complete the verification process by following the same procedure as mentioned above. 

Option 2) Adding the Factors AI Code via the functions.php File (Best for Developers)

• Open your child theme’s functions.php file using a code editor. For more details about the functions.php file, refer to this blog.

• Paste the Factors AI code snippet (copied from the previous step) at the end of the file.

Code snippet: Sample Factors AI code added through functions.php file

• Note unique SDK ID is replaced with SAMPLE_UNIQUE_ID.
• Save the changes and refresh your webpage.

Option 3) Installing Factors AI With Google Tag Manager

Integrating Factors AI with your website via Google Tag Manager (GTM) is an efficient method that requires minimal coding. Follow these steps to set up the integration:​

• Access your GTM account associated with your website.​
• In the GTM dashboard, go to the Tags section.​
• Click on New Tag to create a new tag.​
  

Screenshot 15: Access your GTM

• Name the tag (e.g., "Factors AI").​
• Click on Tag Configuration and choose Custom HTML as the tag type.​

Screenshot 16: Name the New Tag and Select Custom HTML

• Paste the Factors AI SDK code snippet into the HTML field.​

Screenshot 17: Paste Factors AI SDK Code Snippet

• Click on Triggering and select All Pages to ensure the SDK loads on every page of your website.​

Screenshot 18: Choose Trigger

• Click Save to store the new tag configuration.​
• In the GTM workspace, click Submit and then Publish.

Screenshot 19: Click on Submit

Screenshot 20: Click on Publish

Follow the same steps for verification as described in Method 1.

Post Installation Step: Activate Deanonymisation

Visitors coming to your website are usually anonymous—you don’t know which company or account they belong to. Deanonymization helps identify some of these visitors by linking them to known company data.

This step allows you to control how many accounts Factors AI should try to identify, which impacts your monthly quota.

Now, you have two options:

• Identify All Accounts: Factors AI will identify all website visitors, providing maximum company data but potentially consuming your monthly quota quickly. This is best suited for businesses needing complete visitor insights.
• Set Custom Rules: Choose specific conditions to identify only relevant visitors based on pages or locations, helping you conserve your monthly quota.

Screenshot 21: Select preference for Deanonymisation

If you select Set Custom Rules, you’ll get two more options:

• By Page: Identify visitors who visit key pages (e.g., pricing, signup, or contact pages) to focus on high-intent leads.
• By Location: Track visitors from specific countries, ignoring irrelevant regions (e.g., limit to US and UK if your business serves only those markets).

Screenshot 22: Set Custom Rules

Click on Activate and Continue. 

Tada! You are almost done!

Screenshot 23: Welcome to Factors

Select what you want to achieve with Factors AI. The options help Factors AI tailor its analytics and insights to match your needs. 

Screenshot 24:  Choose Options

You’ll have to answer a mandatory question: From where did you learn about Factors AI? 

Answer the question and click on Submit to complete the process. 

Screenshot 25: Click on Submit after Answering the Question

Your Project is Ready!

Click on Continue to Project. 

Screenshot 26: Project is Ready

You are all set up to use Factors AI!

Verifying That Factors AI Is Working on Your Site

Once you’ve installed Factors AI on your WordPress website, you’ll want to confirm that it’s working. Here is a simple way to check:

Check if the Script is Running Correctly

The Factors AI script needs to load properly on your website to start tracking visitors. 

• Visit your WordPress site in the search engine.
• Right-click anywhere on the page and select Inspect.
• Go to the “Network” Tab.
• If it’s empty, refresh your page.
• In the search bar (inside the Network tab), type "factors".
• If the script is installed correctly, you’ll see a request loading from Factors AI’s servers.
• Click on it to check the details—if it loads with a status like 200, the script is working.

Screenshot 27: Checking if the Script is Running

What if you don’t see the script?

• Make sure you’ve pasted the script in the right place (the header section).
• Clear your website’s cache and refresh the page.
• Try using Incognito Mode to check if caching is the issue.

Conclusion

Congrats! You’ve successfully installed Factors AI on your WordPress site, unlocking powerful insights into visitor behavior. 

We hope you have chosen a favorable method of installing Factors AI. 

Now it’s time to dive into your dashboard, explore the data, and make smarter marketing decisions. 

Install the Wordable plugin on your site or create an account here. 

To install the plugin on your WordPress, go to:

WordPress Dashboard > Plugins > Add New Plugin > Wordable

Screenshot 1: Add Wordable Plugin on Your Dashboard

You can also visit the official site of Wordable and sign up. 

Screenshot 2: Wordable Plugin Official Site

Step 2: Connect Your Account

Connect your Google Drive account. 

Screenshot 3: Connect Google Drive

You'll be prompted to choose the Google account that you want to use.

Screenshot 4: Choose Google Account

Check the box according to your requirement. 

Screenshot 5: Wordable Asks for Permissions

Step 3: Import File

You will then be prompted to import your file from Google Drive. 

Screenshot 6: Use the Google Picker

Select the file you want to import. 

Screenshot 7: Select the file to Import

Step 4: Export File

Your selected documents will be added to the export queue. Select the document you want to export. Then, click on Export.

Screenshot 8: Click on Export

You can also view and change the document settings, such as Post Title, Post Slug, and Meta Description. Click on Done to save the changes. 

Screenshot 9: Document Details

Step 5: Export Settings

Click on Export Options to proceed further. 

Screenshot 10: Export Settings

The details of these settings are provided below: 

General Settings

This section contains various cleanup and formatting options that help optimize content before exporting.

Screenshot 11: General Settings

Basic Cleanup

• Keep Custom Styles (Beta) – This option retains any custom styles applied in Google Docs when exporting to WordPress. Since it is in beta, it may not work perfectly.
• Remove ID Attributes – If enabled, this removes ID attributes from HTML elements, which can help clean up unnecessary code.
• Always Remove First H1 – This ensures that the first <h1> heading in the document is removed. Many WordPress themes automatically generate an <h1> from the post title, so having another <h1> in the content could negatively affect SEO.

Table of Contents

• If enabled, this feature automatically generates a Table of Contents (ToC) based on the headings within the document. This is useful for improving readability and navigation.

Update Previous Exports

• If checked, Wordable will update an already exported document instead of creating a new one. This is helpful when making revisions to previously published content.

Add Wordable Branding

• Style – If this option is enabled, a "Powered by Wordable" branding will be added to the post.
• The branding style is customizable with a white background or a transparent background. 

SEO Attributes

This section ensures the exported content is optimized for search engines.

• Meta Title: This allows the user to set a custom meta title for the post, which is crucial for SEO.
• Meta Description: This lets the user add a meta description, which influences how the page appears in search engine results.

Wordable integrates with the Yoast SEO plugin and automatically sets these attributes using _yoast_wpseo_metadesc post meta. If another SEO plugin is used, Wordable can still apply custom meta titles and descriptions, you just have to put a request for that. 

Links

This section provides link management options to improve SEO and user experience.

Screenshot 12: Links Settings

• Apply 'nofollow' Attribute to All Links: If enabled, all links in the post will have the rel="nofollow" attribute, preventing search engines from passing link authority.
• Open Links in New Tab: Forces all links in the post to open in a new browser tab.
• Replace Embeddabble Links (Beta): This option (currently in beta) replaces embeddable content (like YouTube or Twitter links) with their embedded version instead of just a plain URL.

WordPress Options

This section allows customization of how the document will be published on WordPress.

Screenshot 13: WordPress Settings

• Publish As: Users can choose whether to export the document as a post, page, or other post type.
• Publish Status: Options include Save as Draft, Publish Immediately, or Schedule for Later.
• Categories: The user can assign one or more WordPress categories to the post.
• Post Type: Defines whether the content should be treated as a blog post, page, or another custom post type.
• Editor: Users can select between the Classic and Block (Gutenberg) editor in WordPress.
• Double Check Uploaded Images: If enabled, this verifies that all images are properly uploaded and formatted before publishing.

Image Settings

This section controls how images in the document are handled when exported.

Screenshot 14: Image Settings

• Compress Images: Reduces image file sizes to improve page loading speed.
• Set Image Attributes: Allows setting a default image alignment (e.g., Center, Left, or Right) for all images in the post.
• Use Featured Image: This determines whether an image from the document will be set as the featured image in WordPress.
• Default to the First Image: If enabled, the first image in the document is automatically set as the featured image.
• Remove Featured Image from Document: This removes the first image from the body of the post if it has been set as the featured image.

Step 6: Complete Export Process

Click on Export Now to continue. 

You can save the above settings for future use, or you can check the settings every time. 

Screenshot 15: Save Settings

You’ll be redirected to the Wordable dashboard, where you can see your exported documents. 

Step 7: Final Step to Export

Click on the icon as shown in the image to open your post in WordPress.

Screenshot 16: Click to Edit Post 

Screenshot 17: Edit Post in WordPress

Voila! You just imported your Google Doc in WordPress in literally one click! 

Before hitting Publish, take a few minutes for a final review—formatting, images, links, and SEO details can sometimes go off-track. A quick check ensures your post looks polished, professional, and ready to go live!

Conclusion

Transferring blog posts from Google Docs to WordPress shouldn’t be a hassle. However, with tools like Wordable, you can keep formatting intact, upload images automatically, and save your valuable time. Focus on writing great content—let the one-click import tool Wordable handle the rest!

Introduction

In this era of online job hunting, if your job postings are not easily found then you will be missing out on top talent. Job Schema Markup enhances the visibility of your job listings in search results by displaying key details like job title, location, salary, etc making them stand out on Google. Whether you opt for plugins or prefer to code manually, incorporating job schema in WordPress is essential for achieving better results. 

So, let’s dive in and understand why Job Schema Markup matters and how to add it in WordPress.

What Is Job Posting Schema Markup?

Job posting schema markup is a structured data format highlighting essential job information—like job title, description, location, and application details—making it easier for search engines to display your job post listings prominently.

Why Is It Important?

Benefits of Job Posting Schema Markup

• Increased Visibility: Your job postings appear as rich results, standing out in search results.
• Attracting Qualified Candidates: Clear, detailed information appeals to the right audience.
• Boosted Click-Through Rates: Enhanced visibility leads to more engagement and clicks.

Methods to Add Job Posting Schema Markup in WordPress

1. Adding Job Posting Schema Markup Using Plugins (Rank Math Plugin)
2. Adding Job Posting Schema Markup Manually Without Plugins

Method 1: Adding Job Posting Schema Markup Using Plugins

For those seeking a quick and easy setup, plugins automatically simplify the process by handling all technical details.

Tip: Plugins save time and reduce errors, making them ideal for non-technical users.

Step 1.1: Install and Activate Rank Math:

• Log in to your WordPress dashboard.
• Go to Plugins > Add New, search for Rank Math, then click Install and Activate.

Screenshot 1: Install and Activate the Rank Math SEO Plugin

Step 1.2: Creating or Editing a Job Post in WordPress

• Navigate to Posts > Add New and create a new post for your job listing.
• Note: We recommend creating a custom post type of “Jobs” using a plugin. Here is an excellent tutorial that explains how to create a custom post type with and without plugins.
• Fill in all the relevant details about the job, such as the title, description, and any additional information job seekers might need.

Screenshot 2: Create a new post on your WordPress Website and add the Job Post details

Step 1.3: Access the Schema Generator from Rank Math Schema Settings

• Once you’ve added the job post details, look for the Rank Math button.
• Click on it to access the Rank Math options as shown in screenshot 2. A sidebar menu will appear on your screen.
• Then, select the Schema Icon from the sidebar menu.

Screenshot 3: Click on the Rank Math logo and select the Schema Icon from the sidebar menu

• In the Schema Generator menu, locate and click on the Job Posting Schema option to enable the job schema for this post. as shown in screenshot 4.

Screenshot 4: Select the Job Schema option from the Schema Generator Tab of the Rank Math Plugin

Step 1.4 Fill in the Job Posting Schema Fields:

• A Schema Builder menu will appear after selecting the Job Posting option.

Screenshot 5: Schema Builder Menu

• Add Job Posting Details:
  • Provide the Job Title that reflects the role being advertised.
  • Include a Job Description that outlines the responsibilities and key qualifications required for the position.
  • Specify the Salary Currency to ensure clarity for applicants on the expected remuneration.

Screenshot 6: Added Job Posting Details

• Add Salary Details:
  • Include the Recommended Salary to give potential candidates an idea of the compensation range for the role.
  • Specify the Payroll Type to explain how employees will be paid (e.g., hourly, salaried, commission-based).

• Add Job Posting Date and Expiry:
  • Mention the Date Posted, which marks when the job was first made available.
  • Set an Expiration date for the job post, indicating when the listing will no longer be available to applicants.
  • Enable the Unpublished When Expired option to automatically remove the job posting after the expiry date. This ensures that applicants are only seeing active opportunities, improving the clarity and relevance of your job listings.

Screenshot 7:  Added Salary Details and Job Posting Date and Expiry Date

• Add Organization Details:
  • Provide the Organization URL so applicants can easily learn more about your company.
  • Upload the Organization Logo to create a recognizable and professional brand presence in the job post.
  • State the Organization Name to identify the company offering the position.

Screenshot 8: Added Organization Details

• Add Address Details:
  • Clearly state the Address of the workplace, giving applicants a sense of where the role is based.
  • Consider adding specific location information or city/region for added context.
  • Finally, Save the Post.

Screenshot 9: Added Address Details and Save the Job Posting Details

Step1.4: Publishing the Job Post and Job Posting Schema:

• Once the Job Posting Schema details, click on the Publish Button. The Rank Math SEO plugin will automatically generate the Job Posting structured data and add it to your post.

The Coding of the Job Post Schema in Rank Math SEO

When you publish a job post using the Rank Math SEO plugin, the system automatically generates a schema markup. You can view this markup by inspecting the source code of the post after it has been published. 

This schema helps search engines understand and display job listing details like title, description, salary, and more, enhancing visibility and accuracy on search results pages.

Code Snippet 1: Sample code generated by rank math

Screenshot 10: Job Posting Schema added by Rank Math SEO Plugin

Method 2: Adding Job Posting Schema Markup Manually Without Plugins

To manually add structured data to your WordPress posts, you can directly insert JSON-LD code into the HTML block of the post template. This structured data serves as a behind-the-scenes guide for search engines like Google, enabling them to understand your content in a better way and display it as rich snippets in search results.

Step 2.1: Creating or Editing a Job Post in WordPress

• Go to Posts,  then Add New, and create a new post for your job listing in WordPress.
• Note: We recommend creating a custom post type of “Jobs” using a plugin. Here is an excellent tutorial that explains how to create a custom post type with and without plugins.
• Fill in all the relevant details about the job, such as the title, description, and any additional information job seekers might need.

Screenshot 11: Post created for Job Posting in WordPress

Step 2.2: Open the RankRanger Schema Markup Generator

• Open the RankRanger Schema Markup Generator.

Screenshot 12: Rank Ranger Schema Markup Generator

• From the available options, select Job Posting Schema to begin creating schema markup specific to job listings as shown in screenshot 13 below. 

Screenshot 13: Selecting job Posting Schema in The RankRanger Schema Generator

Step 2.3: Input Your Job Posting Details

• Add in all the job posting details. Examples of the details are provided in the screenshots below.
  • Job Title: Clearly state the role, like "Marketing Specialist" or "Web Developer," so candidates know exactly what’s being offered.
  • Job Description: Write a concise summary outlining the main responsibilities, required qualifications, and what the role involves.
  • Company Name and Website: Include the official name of the company and a link to its website to build trust and credibility.
  • Employment type: Provide details about the work being full time, part-time, or an internship.

Screenshot 14: Filling details for the Job Post in Schema Generator

• Next, add:
  •  Work Hours: Specify the expected work schedule, such as full-time, part-time, or flexible hours.
  • Posting Date and Validity: Add the date the job was posted and the deadline for applications to ensure the listing remains relevant.
  • Location Details: Provide complete location information, including the country, state or region, city, street address, and zip code, to help local candidates find the opportunity.
  • Salary Range: Mention the minimum and maximum salary for transparency, along with the payment frequency (e.g., monthly, weekly, hourly).

Screenshot 15: Filling details for the Job Post in Schema Generator

• Then, add:
  • Responsibilities: Highlight the key duties for the role in simple, easy-to-understand terms.
  • Skills and Qualifications: List the must-have skills and qualifications required for the position.
  • Education and Experience: Specify the educational background and relevant experience needed to qualify for the job.

Screenshot 16: Filling details for the Job Post in Schema Generator

Step 2.3: Generate the Schema Code

• Once all fields are completed, the Schema Code will be generated.
• The tool will provide you with a custom JSON-LD schema code tailored to your job posting.

Code snippet 2: Code generated for Job Posting Schema in Rank Ranger Schema Markup Generator

Step 2.4: Add the Job Posting Schema JSON-LD Code to Job Post WordPress

• Open the Job Post that we have created in step 2.1.
• In the post editor, click on the + button to add a new block.
• From the block options, select Custom HTML.

Screenshot 17: Adding an HTML Block to the Job Post 

• Paste the JSON-LD schema code that you copied into the Custom HTML block.
• After pasting the code, click the Update button to save the changes to the job post.

Screenshot 18: Pasting the JSON-LD for Job Posting Schema in the HTML Block of Job Post

Validating & Testing Your Job Posting Schema Markup

After adding job schema markup to your WordPress site—whether through a plugin or manual integration—it’s crucial to test it to ensure everything is implemented correctly. 

Proper testing helps search engines understand your structured data and display your job postings accurately in search results.  

If any issues are detected, addressing them promptly will improve your chances of attracting the right candidates and boosting your visibility in search results. Here’s how you can validate your schema:

Tools to Validate Your Schema

1) Google’s Rich Results Testing Tool:

• This tool checks if your structured data is set up correctly and whether your job postings are eligible for rich results.
• Follow these steps to use the tool:
  • Go to the Google Rich Results Testing Tool.
  • Enter the URL of your job post into the search bar.

Screenshot 19: Pasting the Job Post URL with Schema Markup Code in Google Rich Results Test

• Click the “Test URL” button to start the validation process.

Screenshot 20: Testing the Job Post Schema Markup Code in Google Rich Results Test

• Once the test is complete, you’ll see the results. If your job schema is valid, it will display as “Detected”. If there are any errors or warnings, they’ll be highlighted, making it easier for you to resolve them.

2)Schema.org Validator

• This is another handy tool to verify your job schema. It’s designed to analyze different types of structured data, including job postings, and point out any issues.
• Here’s how to use it:
  • Visit the Schema.org Validator.
    • Paste the URL of your job post into the search box.

Screenshot 21: Pasting the Job Posting Schema Markup Code in Schema.org 

• Click the Validate button (play icon) to analyze your schema markup as shown in screenshot 21.

Screenshot 22: Validating the Job Posting Schema Markup Code in Schema.org

• The tool will generate a summary of the structured data on your page. If there are any syntax errors or missing elements, they’ll be listed so you can fix them immediately.

Tips to make your job postings stand out:

1. Use Clear Job Titles: Include keywords that match what candidates are searching for, making your posting easier to find.
2. Write Engaging Descriptions: Add relevant keywords and detail key responsibilities to attract the right candidates.
3. Mention the Location: Include the job’s location and use location-specific keywords to target local candidates.
4. Optimize URLs: Edit URLs to be clean, easy to read, and include relevant keywords.
5. Keep It Fresh: Regularly update your job posts and schema data to maintain visibility.

Conclusion

Adding job schema markup to your WordPress site significantly enhances the visibility of your job listings in search results, making it easier to attract the ideal candidates. Whether you use Rank Math for an easy setup of Job schema or manually add JSON-LD code, job schema improves the job-seeking experience.

To maximize the effectiveness of your job listings, be sure to optimize your titles, descriptions, and location information with relevant keywords. Regularly update your schema markup and use tools like Google’s Rich Results Testing Tool to validate it.

Elevate your job postings today by implementing schema markup and attracting more qualified applicants. For additional tips on optimizing your WordPress site, check out our blogs.