Create Local SEO Optimized Location Pages With Gutenberg Blocks

Managing search engine optimization (SEO) for multiple business locations can be challenging. Ranking for location-specific search queries on Google requires a strategic approach.

The solution: Create individual, dedicated location pages optimized for local search.

Attract highly targeted local customers to your website with search-optimized location landing pages.

The Local SEO For Divi & Gutenberg Blocks plugin handles the technical details, making it simple to manage local search visibility.

Pre-Requisites

Pre-Requisites

• A WordPress Website
• Divi Theme or Gutenberg Block Editor
• Local SEO For Divi & Gutenberg Blocks Plugin

Setup Local SEO Settings

1. Ensure you have configured your core Local SEO settings before building location pages:

   • Access settings in WordPress Admin > Settings > Locations & SEO.
   • If you have already configured local SEO settings, you can skip this step.
   • For a complete guide, see Local SEO Configuration.

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial

Add Location Data To Your Website

1. If your business location data is already set up, you can skip this step.

2. • Each location entry stores essential details (address, phone number, hours) used for Local SEO Schema data.
   • Fill in key address and contact fields for maximum SEO impact.
   • For step-by-step instructions, see Add Business Locations In WordPress.

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial

Add “Location Page Block Pattern” On Location Page

1. • The plugin includes 3 Gutenberg blocks built specifically for location landing pages:
     • Location Address Block
     • Location Opening Hours Block
     • Location Map Block
   • The Location Page Block Pattern places these 3 blocks into a clean, pre-designed layout instantly.
   • To add the block pattern:
     • Open a location page in the WordPress Block Editor.
     • Click the + (Toggle block inserter) button in the top toolbar.
     • Select the Patterns tab.
     • Choose Design - Multi Locations (Local SEO) from the category dropdown.
     • Click Single Location Page - 01.
     • A professionally designed layout with the location address, opening hours, and map blocks is instantly added to the editor.
   • Drag these blocks around the page to create your unique layouts and add custom content.

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial

Location Address Block

1. This block displays a location’s address on your page.

2. The Location Address block provides sidebar content and design options:

   • General Panel
     • Class Name (Unique): Add a unique custom CSS class name if desired.
   • Location Post Panel
     • Use Current Location Post: Toggle ON to pull address details dynamically from the current page. When toggled OFF, select a location from the dropdown:
       • Select Location Post: Dropdown menu to select a specific location entry.
   • Address (Design) Panel: Customize the typography and layout:
     • Layout: Choose how the address displays:
       • Single Line: Displays the address on a single continuous line.
       • Multi Line: Displays the address components (street, city, state, zip) on separate lines.
     • Customize font family, font size, weight, line height, alignment, and text color.

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial

Location Opening Hours Block

1. This block displays the weekly hours of operation for a selected location.

2. The Location Opening Hours block provides sidebar content and design options:

   • General Panel
     • Class Name (Unique): Add a unique custom CSS class name if desired.
   • Location Post Panel
     • Use Current Location Post: Toggle ON to pull hours dynamically from the current page. When toggled OFF:
       • Select Location Post: Dropdown menu to select a specific location entry.
   • Opening Hours Panel
     • First Day Of Week: Choose whether your business week starts on Sunday or Monday.
     • Show Closed Days: Toggle to show or hide days your business is closed.
       • Closed Label: Customize the text used to indicate closed days (e.g., “Closed”).
     • Time Format: Select 12-hour (AM/PM) or 24-hour time formats.
   • Odd/Even Row Design Panels: Set custom background colors or background images for alternating table rows.
   • Data Cell Design Panel: Customize table cell margin, padding, and borders.
   • Day Label / Time / Closed Label Design Panels: Customize font family, size, weight, alignment, and text color for each element in the opening hours table.

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial

Location Map Block

1. This block displays an interactive Google Map for a specific location.

2. The Location Map block provides sidebar content and design options:

   • General Panel
     • Class Name (Unique): Add a unique custom CSS class name if desired.
   • Location Post Panel
     • Use Current Location Post: Toggle ON to center the map on the location coordinates set on the current page. When toggled OFF:
       • Select Location Post: Dropdown menu to select a specific location entry.
   • Map Setup Panel
     • Map Height: Set map height in pixels.
     • Map Type: Select preferred map view (Hybrid, Roadmap, Satellite, or Terrain).
     • Gesture Handling: Control touch and scroll interaction behaviors:
       • Auto: Toggles cooperative or greedy behavior automatically based on page layout.
       • Co-operative: Single-finger touches scroll the web page smoothly. Two fingers pan and zoom the map.
       • Greedy: All touch and scroll events pan or zoom the map.
       • None: Disables interactive gestures.
     • Marker Icon: Select a custom pin icon image. This icon overrides the one set in the individual location entry, which overrides the global settings.
   • Map Controls Setup Panel: Toggle visibility and placement of map controls (Map Type, Zoom, Street View, and Fullscreen).
   • Info Window Panel: Toggle the popup info window and select which contact details (Title, Address, Description, Directions Link) display when clicking the map pin.
   • Map Design Panel
     • Map Style: Paste custom styling JSON generated from the Google Maps Styling Wizard.
   • Marker Design Panel: Customize marker animation effects (None, Drop, or Bounce).
   • Info Window Title / Description / Address Design Panels: Style margin, padding, font family, size, alignment, and text color for each element inside the map popup.
   • Driving Direction Icon Design Panel: Customize driving directions icon size and alt title text.

FREE DOWNLOAD

Start your FREE trial. No credit card required.

Start Risk-Free Trial