D-Isla Web Design Blog

Blog Catagory: HTML



How to place an image in a border of color

Steve Davidson, Wednesday, July 29th, 2015

 

1st you need an image, below is an example image called circle_image.png located in /img/   Now I am going to create a green circle border round this image by using the below css <img class=”img-responsive” style=”border: solid 20px #518a4f; background: #518a4f; border-radius: 50%; padding: 0; margin-right: 20px;” src=”/img/circle_image.png” alt=”” /> You should now have a pretty cool rounded image with a border.       You can make this border bigger or smaller depending on your requirements, here below we have modified the border from 20px to 50px and changed the color by modifying the html hex code #xxxxxx <img …Read More

Internal Hyperlinks can improve your SEO

Steve Davidson, Sunday, February 16th, 2014

 

What are Hyperlinks? Hyperlinks are active links which when you click them connect to another webpage or location.  You will find them on most webpages, the most common location is the menu to help you map your way through a website. Hyperlinks look like the below in html <a href”www.yourhperlink.co.uk”>The Text that will be the link people click on</a> So how can internal hyperlinks improve your SEO? Just as with the menu which you use to map through your website you should use content keywords in the same format.  Now do not go all mad and start link every keyword …Read More

How to use headings to increase your SEO

Steve Davidson, Tuesday, February 11th, 2014

 

  There is more to headings than formatting most people see the selection as way  to format their CMS website, bold, larger etc.  Below is an example from WordPress   The below is a heading 1 Heading 1 example Yes its large but the secret lies within the html code, <h1>Heading 1 example</h1> Google sees this code and uses it to identify what’s important on your webpage.  So h1 being the most important and h6 being the least.  If you have no html title tag set Google will actually choose an h1 heading as the title. Heading tag should describe …Read More

How to change the text which gets displayed in Google search results for your website

Steve Davidson, Monday, February 10th, 2014

 

So you look your website up and Google and the text under your page title is not what you want to be displayed.  Maybe its some random text from your webpage. How can you change this search engine text? Well you can let Google know what text you would like to display by configuring the descriptions Meta Tag  on a per webpage basis. Do not populate it with lots of lovely keywords which you would love people to find your webpage.  Instead write a description which is clear and concise about what is displayed on the webpage.  Your helping the search …Read More

Keywords Meta Tag

Steve Davidson, Wednesday, February 5th, 2014

 

Keywords such a great topic.  Everyone cares about the keywords people put into the Google Search Engine to find a particular item.  In-fact the word in itself is quite misleading because most people type a search query.  i.e if I am looking for someone that does web design in Lincoln I might type web design Lincoln. What is a keyword meta tag? There are lots of different meta tags and these are used provide metadata for your web page to whatever ever reads your webpage.  Typically things that look for meta tags are search engines, but even Facebook reads the …Read More

Webpage titles

Steve Davidson, Friday, January 31st, 2014

 

What are webpage titles? When you look at the top left hand corner of a web page you will see some text, this is the page title.  See below this is an example of the homepage on D-Isla Web Design.     Its blank I don’t have a web page title This is because you will have no title set for the webpage.  You can set the page title by adding  <title>Your page title </title> inbetween <head> </head> tag at the top of your webpage. Below is an example <head> <title>D-Isla Web Design – Lincoln </title> #Meta tags #css #scripts …Read More

 

 

Blog Home


Blog posts in this catagory


/ How to place an image in a border of color
/ Internal Hyperlinks can improve your SEO
/ How to use headings to increase your SEO
/ How to change the text which gets displayed in Google search results for your website
/ Keywords Meta Tag
/ Webpage titles