Yoast SEO & OceanWP Breadcrumbs

Hello,

Can you please try to switch theme to default wordpress theme like twenty nineteen to check it works or not with other themes? If you want to add a code in the head section, then you can use the ‘Insert Header and Footer’ plugin.

Hello, @apprimit Thank you for your reply. You have mentioned to me changing the theme before. I would really prefer not to go that way because of a few reasons. 1. I like the OceanWP theme. 2. I would think it will take more work with design and CSS to change the theme. 3. I feel like I am just missing something small with OceanWP and Yoast. Like, maybe the Schema site name is the full URL or do I need to insert the Yoast breadcrumb PHP code into the header? Although it looks like OceanWP integrates with Yoast? Did you see something in my source code that looks like it should be outputting to SERP’s correctly?

**The author of the plugin ‘Headers and Footers’ just let me know that PHP can not be used with their plugin at this time.
With my little knowledge of coding, I am not sure how to put the Yoast breadcrumb code into my header file…if needed.

• This reply was modified 5 years, 4 months ago by Michael.

I have heard back from the Yoast team and I need to add the Yoast breadcrumb code into my header.php. As I would rather not break my site by altering code, can I please get some advice on how to add the Yoast code to my theme code without causing any errors. Please note – I am not familiar with PHP or editing theme files.

No, I asked you to switch theme temporarily only to troubleshoot the issue. But it’s okay, no need to switch the theme.
To add the code, just install and activate the ‘inset header and footer plugin’. Open the plugin settings and add the code in the head tag.

Thank you, Amit. I checked with the plugin author for Headers and Footers and they said that PHP can not be inserted at this time with their plugin. Without having to try and learn how to create a child theme and implement it (as I just need the Yoast code) do you have a suggestion on how to get the Yoast code into the header file? I ask because I have not come across a reason to ever change theme files yet, only CSS which OceanWP makes super easy!

Hello,

Step 1 – Install and activate the OceanWP child theme
Sample Child Theme
Import the Parent Theme’s Customizer Settings into your Child Theme
Step 2 – Copy the header.php file into the child theme
Step 3 – Add the code in the head tag in the header.php file

Let me know if you will have any issue with it.

Thank you, Amit. I followed your steps and believe I have mostly done this correctly? The only additional item I did was add CSS to hide the breadcrumb display in the title bar. I was trying to find the source code for the Yoast breadcrumbs through the Google SD tool but I didn’t see any code for the “breadcrumbs”. So I am not sure if I have missed a step somewhere? Thank you again for all your help.

I checked your site and the breadcrumb is appearing fine.

Hello Amit,

Thank you for checking. After following your steps I did also have Google re-crawl my site. I feel like I missed something as the mobile SERP still show my sites URL and not the site name? Also, FYI – the visible breadcrumbs that are on my blog articles are displayed through the OCeanWP theme customizer option. I was going to turn them off and only use Yoast, but I am not sure how to add the code to get them to show in the same spot on my articles.

Wait for sometimes after adding the code. No problem, OceanWP uses Yoast breadcrumb to integrate into the site so need to replace it. You can customize the breadcrumb from the oceanwp settings or yoast breadcrumb settings.

Thank you Amit, I appreciate all your help….again!!

You’re welcome!