Search code examples
cssseogoogle-search

Google Search snippet showing CSS code

I have very little experience with front end developing, so please be patient. I built a simple website, and uploaded it to my university's server. obviously, I most have done something wrong, since the snippet Google is

enter image description here

Which is CSS code. I changed my website about a week ago (to its current version, which I thought would fix the issue), so is there a chance that it is waiting for Google's indexing task to run again before showing the correct snippet?

In case not, what should I do in order to fix it? here is a link to my website

Solution

  • You need to place your CSS code inside the <style> tag, like so:

    <style>
    .arxiv_button {
        background-color: #4CAF50; /* Green */
        border: none;
        color: white;
        padding: 10px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        margin: 4px 2px;
        cursor: pointer;
    }
</style>