Can anyone help with this problem? When I put a schema markup in the after opening the header section I get the following result with text at the top of my webpage after I upload the page. 

See attached image 

Below is the script I placed in the header section

<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"@id": "http://bestfootballhandicapper.com/#webpage",
"url": "http://bestfootballhandicapper.com/",
"name": "Best Football Handicapper – Expert NFL & College Picks",
"description": "Discover the best football handicapper with a proven track record of winning NFL and college football picks. Decades of experience, expert analysis, and results-driven insights to help you beat the spread.",
"publisher": {
"@type": "Organization",
"name": "Best Football Handicapper",
"url": "http://bestfootballhandicapper.com",
"logo": {
"@type": "ImageObject",
"url": "http://bestfootballhandicapper.com/images/logo.png"
}
}
}
</script>

Thanking you in advance for your cooperation

Dennis