Leonardo offers advanced media display technology allowing hotel chains to display their visual content in the most effective way possible on brand.com. Multi-Media Galleries are highly customizable for seamless integration with any existing site.
You probably already know the value of displaying high quality, engaging visual content on brand.com, and it you likely also know the important role Search Engine Optimization (SEO) plays in your brand’s digital marketing efforts.
But did you know that your Multi-Media Gallery can actually contribute to your SEO initiatives?
Help Search Engines Index Your Content
When Google or Bing index a website, it’s possible that only a subset of your images will be seen, and additional meta data (text descriptions) and images may go unnoticed. Adding an SEO snippet to the code around your Multi-Media gallery will help ensure this isn’t the case.
The SEO snippet is a short line of code that tells search engines like Google and Bing how to index all the information in your gallery, ensuring your website gets more SEO juice!
By adding an SEO snippet to your site, you provide search engines with all meta details, short and long descriptions for all the visual content in your gallery, not just the main image.
Implementing SEO Snippets for Galleries on Brand.com
SEO Snippets are available to any chain or channel using Leonardo Galleries on brand.com. If you’re not using the gallery, you can learn more about them here.
Our implementation team is happy to help guide you through adding the SEO snippet to your gallery. If you have questions, contact your Account Manager for assistance.
Unless you are familiar with web programming or HTML, you will require the services of your Web Administrator to complete these steps. Just forward a link to this page along with the Web Widget Embed Code (obtained when you created the Web Widget in Vizlly) to your webmaster!
How-to include the Dynamic SEO Snippet for your Gallery
- In the Embed Code provided for the Gallery, find the <div> tag for the SEO snippet.
It looks like this:
<div id="vfml-####"> </div>, where #### is the numeric ID of your Web Widget
- Add the Dynamic SEO Snippet.
After <div id="vfml-####"> and before </div>, insert the Dynamic SEO Snippet with the web programming language used by your website. Some examples of PHP, ASP.net and JSP are given at the bottom of this article.
- Save the page with the Dynamic SEO Snippet and upload it to your server.
Now your Gallery and its content will be ready to be seen by search engines!
Examples
Important: Don't forget to replace #### with numeric ID of your Gallery. These examples are provided only as a guideline, please consult your Webmaster.
NOTE: You may also use https:// for secure connections
PHP
<div id="vfml-####">
<?php
$seo = file_get_contents('http://dmp.leonardocloud.com/dmp/player/seo/####');
echo $seo;
?>
</div>
ASP.NET
<div id="vfml-####">
<asp:Literal id="SeoSnippetText" runat="server"></asp:Literal>
</div>
Note: The following namespace and class definition must be included on the server.
namespace SnippetSeo
{
public partial class Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
try
{
var webRequest = (HttpWebRequest)WebRequest.Create("http://dmp.leonardocloud.com/dmp/player/seo/####");
var webResponse = (HttpWebResponse)webRequest.GetResponse();
if (webResponse.StatusCode == HttpStatusCode.OK)
{
StreamReader reader = new StreamReader(webResponse.GetResponseStream());
string response = reader.ReadToEnd();
SeoSnippetText.Text = response;
}
else
{
// handle error
SeoSnippetText.Text = webResponse.StatusCode.ToString();
}
}
catch (Exception ex)
{
// handle exception
SeoSnippetText.Text = ex.Message;
}
}
}
}
JSP
<div id="vfml-####">
<%@page import="java.net.*" %>
<%@page import="java.io.*" %>
<%
BufferedReader in = null;
try {
URL vfmlSnippetURL = new URL("http://dmp.leonardocloud.com/dmp/player/seo/####");
in = new BufferedReader(new InputStreamReader(vfmlSnippetURL.openStream()));
String inputLine;
while ((inputLine = in.readLine()) != null)
out.println(inputLine);
} catch (Exception e) {
// handle exception
} finally {
if (in != null)
in.close();
}
%>
</div>
Comments
0 comments
Please sign in to leave a comment.