Getting Links and SEO Value from your YouTube Videos

Quick and easy post today about getting links using your YouTube videos.

There are lots of ways of getting benefits from videos that you produce and post to YouTube.  Dave wrote a great post on video SEO a while back which gives you lots of insight and tips.  What I wanted to talk about today was more focused towards getting links back to your own website by embedding your YouTube videos across the web.

At the moment, if you embed a video from YouTube, you get a link back to the page on YouTube where the video is hosted.  But no link to your own site, that kinda sucks.  Here is how to get around this.

Update: Thanks to Sean Lind for creating a tool that will automate this process for you - check it out here.

Thanks to Andy for piecing together the sample code for this and choosing an awesome sample video!


Video by ParryGripp

This is actually really simple, its just the standard embed code with some HTML attached with our link.  The link above goes to the users YouTube channel, but you could have this going wherever you want.

How to do it

1 - Grab the YouTube video embed code

2 - Add paragraph HTML tags to the start and end of the code

3 - Add a line break tag after the closing object tag

4 - After the break tag, enter your text, in this example we added "Video by"

5 - Add your link code and target URL

6 - It should look something like this, you can see the HTML tags that I've added in red:

<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="640" height="385" codebase=",0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value=";hl=en_GB" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="640" height="385" src=";hl=en_GB" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />Video by <a href="">ParryGripp</a></p>

7. To create a place where someone can copy this code, place a <text area element that has the javascript and selects all the text as soon as you click on the text area:

<textarea onclick="this.focus();;"> </textarea>

8. Inside the textarea code, place the HTML for the YouTube video, replacing all the following characters:

  • < characters with &It;
  • > characters with &gt;

These are HTML encoded special characters which mean the code will be seen by the page as a plain HTML string and not just render the video inside the textarea.  Here is an example with the replaced characters highlighted:

<textarea onclick="this.focus();;">
&lt;p&gt;&lt;object width="640" height="385"&gt;&lt;param name="movie"
name="allowFullScreen" value="true"&gt;&lt;/param&gt;&lt;param
name="allowscriptaccess" value="always"&gt;&lt;/param&gt;&lt;embed
type="application/x-shockwave-flash" allowscriptaccess="always"
allowfullscreen="true" width="640"
height="385"&gt;&lt;/embed&gt;&lt;/object&gt;&lt;br/&gt; Video by
&lt;a href=""&gt;ParryGripp&lt;/a&gt;&lt;/p&gt;

9. It should look something like this:

Thats about it!  You can use the example code above as an example to build your own embed codes and text areas where someone can grab the code easily and place it on their own website.


Get blog posts via email