packy
247
4
Vue

H1 Tag in component is never found by SEO Checker

Posted 4 months ago by packy

I have a lot of website where I have a hero image that is basically full viewport height with a title and sub text. I use a view component so I can use vue-lazyload to lazy load the BG hero image. The only issue is every SEO checker (https://sitechecker.pro, https://www.seobility.net) I use says there is no H1 tag even though there is. I imagine its because its in a Vue component? but why would that not show up for the checker? It for sure shows up on the page.

<template>
    <div class="home-hero lazy" v-lazy:background-image="image">
        <div class="overlay"></div>

        <div class="home-hero--content">
            <h1 v-text="title"></h1>

            <p v-text="text"></p>
        </div>
    </div>
</template>

<script>
export default {
    props: ["title", "text", "image"]
};
</script>

Please sign in or create an account to participate in this conversation.