SEO and Server Side Fetch
General Search Engine Visibility and User Experience
While using a pure Javascript is very fast and convenient, it has several drawbacks when it comes to visibility of content to search engines and user experience:
- Search engines are getting better at evaluating Javascript but most are not able to index content loaded by Javascript. The only exception here is Google, which is able to read the first page of a liveblog integrated via EmbedJS. If this is enough for your business needs, you don’t have to take any further steps!
- When users accesses your article, they will have to wait for our Javascript to load, initialize and then fetch liveblog content before they can actually start reading.
How to mitigate those Issues
To increase search engine visibility and user experience we offer three possible enhancements:
- Fetch and insert liveblog HTML on you server side
- Fetch and insert structured schema.org data on you server side
- Directly insert our stylesheet into your HTML
You can choose to use any combination of the above techniques. They can be used independently.
Example HTML Structure:
<!DOCTYPE html>
<html>
<head>
<title>My SEO Liveblog</title>
<!-- Include Tickaroo Liveblog Script -->
<script async src="https://cdn.tickaroo.com/webng/embedjs/tik4.js"></script>
<!-- Include Tickaroo Liveblog CSS -->
<link rel="stylesheet" type = "text/css" href="https://cdn.tickaroo.com/webng/embedjs/tik4.css">
<!-- Include Tickaroo Schema.org data -->
<script type="application/ld+json">
// [Insert schema.org data fetched from Tickaroo API here]
</script>
</head>
<body>
<!-- ... -->
<!-- [Insert Liveblog HTML fetched from Tickaroo API here] -->
<!-- ... -->
</body>
</html
Available APIs
There are two endpoints for fetching data:
Fetch HTML Only
GET https://cdn.tickaroo.com/api/embed/v4/prefetch/liveblog.html
Query Parameters:
client_id
(String) Your Client ID supplied by Tickaroo (required)client_secret
(String) Your Client Secret supplied by Tickaroo (required)- In addition you can specify any prameters described in Liveblog Tag Parameters
Return Content-Type: text/html; charset: utf-8
Returns: The HTML to insert into your document including the
<tickaroo-liveblog liveblogId="..." clientId="..." ...>
<div ...>
...
</div>
</tickaroo-liveblog>
Fetch HTML and Schema.org Data
GET https://cdn.tickaroo.com/api/embed/v4/prefetch/liveblog.json
Query Parameters:
client_id
(String) Your Client ID supplied by Tickaroo (required)client_secret
(String) Your Client Secret supplied by Tickaroo (required)- In addition you can specify any prameters described in Liveblog Tag Parameters
Returns: A JSON with HTML and Schema.org data (Content-Type: application/json; charset: utf-8):
{
"html": "HTML to insert into your document including the <tickaroo-liveblog> tag with all necessary parameters.",
"schema": {
"@context": "https://schema.org",
"@type": "LiveBlogPosting"
"...": "..."
}
}