Video Schema Generator
Generate clean, valid JSON-LD for your videos so search and AI tools can understand them.
Video Schema Generator
Need help figuring out where to put this new script?
Adding custom JSON-LD to a Shopify website can be achieved through two primary methods: manual implementation by editing theme code or by using a Shopify app.
1. Manual Implementation (Editing Shopify Theme Code):
This method offers full control but requires familiarity with Shopify’s Liquid templating language and theme file structure.
- Access Theme Code: From your Shopify admin, navigate to “Online Store” > “Themes.” Click “Actions” next to your current theme and select “Edit code.”
- Identify Relevant Files: Locate the .liquid file where you want to add the JSON-LD. Common locations include theme.liquid (for site-wide schema like Organization or Local Business), product.liquid (for Product schema), or article.liquid (for Article schema).
- Insert JSON-LD: Within the chosen .liquid file, paste your custom JSON-LD code snippet. It should be enclosed within <script type=”application/ld+json”> tags, typically placed within the <head> section or near the relevant content.
- Customize Data: Ensure your JSON-LD accurately reflects your store’s specific details, such as product information, business details, or article content, by dynamically pulling data using Liquid variables (e.g., {{ product.title }}, {{ shop.name }}).
- Save and Test: Save the changes to your theme file and then use Google’s Rich Results Test or Schema.org Rich Result Test to validate your implementation and ensure the structured data is recognized correctly.
2. Using a Shopify App:
This method simplifies the process, especially for users less comfortable with coding.
- Install a Schema App: Search the Shopify App Store for apps specializing in structured data or schema markup, such as “JSON-LD for SEO,” “Smart SEO,” or “TinyIMG.”
- Configure Settings: Install the chosen app and follow its instructions to configure the desired schema types (e.g., Product, Local Business, Article). These apps often provide user-friendly interfaces to input your business and product details.
- Automated Implementation: The app will automatically generate and inject the appropriate JSON-LD into your store’s theme, handling the technical aspects of implementation.
- Verify: After configuration, use Google’s Rich Results Test to confirm the app has successfully added the structured data to your pages.
Adding custom JSON-LD (Structured Data) to a Squarespace website can be achieved through a few methods, depending on the specific location and scope of the data:
- Code Injection (Site-wide or Page-specific Header/Footer):
- Navigate to Settings > Advanced > Code Injection.
- Paste your complete JSON-LD script, enclosed within <script type=”application/ld+json”>…</script> tags, into the Header or Footer fields.
- This method is suitable for JSON-LD that applies to the entire website or specific pages if you utilize page-specific code injection (available on some plans).
- Code Block (within page content):
- On a specific page or blog post, add a Code Block to the desired section.
- Ensure the Code Block is set to HTML mode.
- Paste your JSON-LD script, enclosed within <script type=”application/ld+json”>…</script> tags, directly into the Code Block.
- This method is useful for structured data that is specific to the content of a particular page or section.
- Embed Block (as an alternative for certain plans):
- If you do not have access to the Code Block (e.g., on a Personal plan), you can use an Embed Block.
- Paste your JSON-LD script, enclosed within <script type=”application/ld+json”>…</script> tags, into the Embed Block’s content area.
Important Considerations:
- Wrap your JSON-LD in <script type=”application/ld+json”> tags: This is crucial for search engines to recognize and interpret the structured data.
- Test your implementation: After adding the JSON-LD, use Google’s Rich Results Test tool to verify that the structured data is correctly implemented and eligible for rich results.
- Squarespace’s default schema: Be aware that Squarespace already adds default schema markup for certain content types (e.g., blog posts, events). If you are adding custom JSON-LD for these types, ensure it complements or overrides the default markup as needed.
- Plan limitations: Access to certain features, like the Code Block and site-wide code injection, may depend on your Squarespace plan.
To add custom JSON-LD structured data markup to a Wix website, follow these steps:
- Access the Page Settings: Open your Wix website in the editor. On the left side, click on “Pages & Menu” (or “Pages” depending on your editor version).
- Select the Relevant Page: Locate the specific page to which you want to add the JSON-LD markup. Click the “More Actions” icon (three dots) next to that page and select “SEO Basics” or “Settings.”
- Navigate to Advanced SEO: In the page’s settings, click on the “Advanced SEO” tab.
- Open Structured Data Markup: Find and click on the “Structured Data Markup” section.
- Add New Markup: Click the “+Add New Markup” button.
- Enter Markup Details:
- Provide a descriptive name for your markup (e.g., “Product Schema,” “Local Business Schema”).
- Paste your pre-written JSON-LD code into the “Write your markup in JSON-LD format” text box.
- Apply the Changes: Click “Apply” to save the structured data markup to your page.
Important Considerations:
- JSON-LD Format: Ensure your markup strictly adheres to the JSON-LD format as defined by schema.org.
- Script Tags: Your JSON-LD code must be enclosed within <script type=”application/ld+json”> and </script> tags.
- Validation: It is highly recommended to validate your JSON-LD code using Google’s Rich Results Test or Schema Markup Validator before adding it to your Wix site to ensure it’s free of errors.
- Character Limit: Be aware of the character limit for structured data markup on Wix pages.
- Dynamic Pages: For dynamic pages (like product pages or event pages), Wix often automatically generates structured data. You may not need to add custom markup in these cases, but you can override it if necessary using Velo (Wix’s developer platform).
Adding custom code to WordPress can be accomplished through several methods, depending on the type of code (HTML, CSS, JavaScript, PHP) and the desired scope (site-wide, specific pages/posts, or theme/plugin modifications).
1. Using a Code Snippets Plugin:
- Install and activate a code snippets plugin: Plugins like “Code Snippets” or “WPCode” provide a safe and organized way to add various types of custom code without directly editing theme files.
- Create a new snippet: Navigate to the plugin’s settings, choose to add a new snippet, give it a descriptive title, and select the code type (PHP, HTML, CSS, JavaScript).
- Paste your code: Enter your custom code into the provided editor.
- Configure snippet settings: Choose where the snippet should run (e.g., front end, admin, specific pages) and activate it.
2. Adding Custom HTML/JavaScript to Pages/Posts:
- Utilize the Custom HTML block: In the WordPress Block Editor, add a “Custom HTML” block to any page or post.
- Paste your code: Insert your HTML or JavaScript code directly into this block. Ensure JavaScript is enclosed within <script> tags.
3. Adding Custom CSS:
- Through the Theme Customizer: Navigate to Appearance > Customize > Additional CSS. This allows you to add custom CSS that overrides your theme’s default styles.
- Using a CSS plugin: Some plugins offer more advanced CSS management features, including visual editors and preprocessor support.
4. Modifying Theme Files (Advanced – Use a Child Theme):
- Create a Child Theme: This is crucial to prevent your custom code from being overwritten when the parent theme is updated.
- Access Theme File Editor: Go to Appearance > Theme File Editor.
- Locate the relevant file: Identify the file you need to modify (e.g., functions.php for PHP functions, header.php for header scripts).
- Add your code: Carefully insert your custom code into the appropriate location within the file.
- Update File: Save the changes.
Important Considerations:
- Backup your site: Always back up your WordPress site before adding or modifying any code.
- Use a child theme for theme modifications: This ensures your changes are not lost during theme updates.
- Test thoroughly: After adding custom code, thoroughly test your website to ensure everything functions as expected and no conflicts arise.
- Security: Be cautious when adding code from unknown sources, as it could pose security risks.
Get the Logic Lab Dispatch
One AI, SEO, GEO tip, one tool, one tiny win – weekly. No fluff. Actionable.
About Logic Lab
Logic Lab curates fast, reliable web tools that help you get unstuck. We focus on clarity, speed, and privacy. Open a tool, finish the task, move on with your day.