Are tags a thing of the past?

Are <meta> tags a thing of the past?

Well…yes, and no! This article will explore which <meta tags> help and which hinder and are obsolete.

Traditionally, meta tags used to be placed in the head section of a webpage, hidden away from the public, they were used to help bots find out about your website contents. An example of such is given below.

With advances in search engine optimisation technology (SEO) the importance of meta tags has been superseded by the relevance of the page contents, rather than what the developer thought were the best keywords. Often, a website could receive a higher ‘click-rate’ than it should because the developer included popular keywords in the meta tags. If you wanted to drive traffic in ‘the good old days’ you would simply include keywords popular at the time – even if they had absolutely nothing to do with the site content! Wack “Spice Girls” in as a meta tag and you would get a higher ranking. This eventually became a real issue, with genuine websites ranking lower than those with irrelevant keywords. The search engines soon developed better algorithms that searched keywords within the page and marked up with – <h1><h2><section><article><strong><em><id=> -etc. In fact, it could now be argued that keywords hinder your ranking by restricting what people are actually typing to find your site. It can also have a detrimental impact on your website if your rivals can see the keywords you are using to try to attract customers.

<meta name=”description”> however, can be a very useful tag. In using the meta description tag, you can directly control what is displayed in the listing for each page displayed in the search engine results. Without this tag, the search engine will return what it thinks is a suitable description of your site.

You don’t need to restrict this tag to just a site description either, you could include phone and contact details so they are shown without the need to access your page. This can be very useful for a GP surgery were someone just quickly needs to find the phone number to book an appointment. It is also the quickest way to impact on the searcher. It is an easy way to tell prospective clients (in less than 155 characters) what you are about before they click. If your description better fits their need than a competitors description, you are more likely to get the clickthrough. So the description tag is not mandatory, but it can help you control the description of the site and potentially drive traffic.

The robots tag is invaluable if you want to “hide” certain pages or content from public search engines by telling the bot what not to crawl and what to crawl. You may have an employee or student area that you do not wish to include in a public search for instance. In which case you would just tell the robot to ignore those pages with a <meta name=”robots” content=”no index, no follow” /> in the header of the page you want to hide.

The Open Graph (OG) meta tag enables a web site/page to “become a rich object in a social graph”. In other words, sites like Facebook will use the OG tags to better understand the site content and display images and information about it. These tags are crucial if you want to control how your site looks when shared on social media. Although this may seem regressive- having to rely on meta tags again – they are based on RDF protocols and, if used, have 4 mandatory tags. If we use IMDB as an example, the following then is a list of required tags to create an open graph object =

  1. og:title – The title of your object as it should appear within the graph, e.g., “The Rock”.
  2. og:type – The type of your object, e.g., “video.movie”. Depending on the type you specify, other properties may also be required.
  3. og:image – An image URL which should represent your object within the graph.
  4. og:url – The canonical URL of your object that will be used as its permanent ID in the graph, e.g., “http://www.imdb.com/title/tt0117500/”.

This would translate in HTML as

<html prefix="og: http://ogp.me/ns#">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />
...
</head>
...
</html>

So then, in conclusion, it can be said that with the exception of the description meta tag – meta tags are dead? I would reluctantly answer – “if the purpose is to aid SEO, then yes. The meta tag is dead. However, if you want to control its description in a search engine, or the way it displays on social media then you still need to use them. OK, so the OG meta tag is not a meta tag in the traditional sense, it still needs to be placed in the header. This is something WordPress will not allow without the use of Plugins and trickery – but please, do NOT get me started on WordPress! WordPress is to Web Dev what “nighthawks” are to archaeologists!

So if you want great SEO, write well-formed code utilising the power of HTML5 with a sprinkling of meaningful <meta tags> that described its content, directs bots and creates Open Graphs for social media inclusion.

#mftLearnToCode #ttrLearnToCode https://genericweb.co.uk/

Please follow and like us:

There is more to providing learning for the I.T. industry than just teaching code!

As IT trainers, should we be installing and promoting “good practice” and “ethics” alongside the coding and theory?

With the absence of a professional regulatory body in I.T. and web development, it is up to us to self-regulate. In doing so, it is essential that we pass on ethics and good practice to the next generation of developers and coders. It is not enough to just teach “good code” and computational thinking, we must provide the wisdom and morals to allow our students to implement their code in an ethical way.

Hacking, espionage, directed advertisements, ransomware, cyber-terrorism, fake news, fraud, spam, SQL injections, sexting, legacy content, the right to be forgotten -etc. are the headline threats to the future of our “on-line” world. However, beyond the obvious are the underlying ethics that affect our daily interactions in the digital age. It is crucial, I believe, that we create a culture of “best practice” within the IT industry to maintain our integrity and elicit trust from our clients and the wider public.

So, if I am not talking about the headline threats to online and digital ethics, what am I talking about?

I am referring to the need for standards and collaboration across the industry. The simple things that make life easier for us all:

  • Indenting your code so others can read your code
  • Commenting on your code so others can understand it
  • Personalising your code so others can’t plagiarise it
  • Make your code efficient and elegant to inspire others
  • Share code snippets with others so we can learn from your code and you from ours
  • Develop your code to be neutral of external influences (no politics, race, borders)

 

Let us now break these points down.

Indenting code

Indenting code has its advantages and disadvantages, but I will argue the positives far outweigh the negatives. Just as we use white space and paragraph in the written language to add emphasis and separate concepts, written code also benefits from this. Placing blocks of code separate from other blocks, or indented within a larger or parent block, helps others to read your code. Not only that, it makes it much easier for the developer themselves to isolate blocks of code when it comes to debugging or showcasing the code to the client or other team members. Different coding languages will have different levels of indentation built in – Python for example – whereas HTML will not enforce indentation (unless you are using a dedicated code editor or IDE). The W3C does go some way to highlight the need for indentation in their style guide by suggesting

·        Do not add blank lines without a reason.

·        For readability, add blank lines to separate large or logical code blocks.

·        For readability, add two spaces of indentation.

·        Do not use the tab key.

·        Do not use unnecessary blank lines and indentation. It is not necessary to indent every element.

Sublime Text 3 has a really innovative way of helping with indentation, it places gridlines that connect the levels of indent so you can visualise related blocks of code. This also helps with ensuring you properly </close> your elements. As mentioned before though, these are just “best practice” at the most, and are neither enforced nor necessary. This naturally causes ambiguity in code with various editors creating different indent depths, some automatically create indents (Dreamweaver etc) whilst others do not (Notepad++, Sublime Text, Brackets). The point I make here is, someone new to the coding environment using a free editor will not necessarily be aware of indenting. Does this make their code wrong? Does it stop it from working? Will it stop them from being paid? The answer is no! However, it may not endear them to their colleagues and will place them apart as “noobs” and will hopefully imply they are not certified developers – a theme we shall return to later.

<!– Commenting your code –>

I understand that commenting your code is more associated with teachers wanting their students to show their understanding when compiling code, but its use is far more important than that. If you are being paid to write code for a company, they will often own the intellectual property rights to the code. Therefore, they have a right to understand what parts of the code are doing. That aside, if you are working as part of a team, other members of your team will need to know what parts of the code are doing. I am certainly not suggesting you comment every line or element, but you should comment a block, function, iteration, concept, external file etc – for your own understanding and sanity if not that of others. I am not referring to putting in an <alt> text for an image – although clearly, that is good practice too – I am more concerned about professional ethics and good practice rather than semantics.

Personalising your code so others can’t plagiarise it so easily.

Ok, this may seem sneaky, but using another developers code as your own is far sneakier! It may also be prudent to add comments to code to try and catch those plagiarising your code, or using it for financial gain and infringing your intellectual property rights. Beyond commenting, you could also add a few “false” lines of code. I am all for sharing code or examining others code as a starting point or inspiration, but within that, you should <!–comment–> in a #reference to the original code and thus, credit the author.

 

Share code snippets with others so we can learn from your code and you from ours.Finally – join a forum! Learn, share, create, collaborate, ask, tell, say, question, expand. There are plenty of places to get involved. Stack Overflow is simply amazing and a must join for any budding or professional developer. Join “roughly 40 million developers who visit the site every month” and ask more than 8,000 questions a day! Another great resource is GitHub where you can share and collaborate.

I hope this article has gone some way in helping you understand the importance of Industry ethics and “good practice”. If it has…or hasn’t… please LIKESHARE or FEEDBACK the post. Thank you.

About the Author, – Dr Richard Haddlesey is the founder and Webmaster of English Medieval Architecture in which he gained a Ph.D. in 2010 and holds Qualified Teacher Status relating to I.C.T. and Computer Science. Richard is a professional Web Developer and Digital Archaeologist and holds several degrees relating to this. He is passionate about the dissemination of research and advancement of digital education and Continued Professional Development #CPD. Driven by a desire to better prepare students for industry, Richard left mainstream teaching to focus on a career in tutoring I.T. professionals with real industry ready skills that matter at The Training Room.

#ttrIT #ttrcareerinIT #ttrLearnToCode

Please follow and like us:

Crossing the Digital Platforms in WebDev

HTML5, CSS3 and JavaScript undoubtedly make creating cross-platform websites, but it is still essential Web Developers/Designers thoroughly test their sites before making them “live”.

Most websites will have been designed and built on a P.C., MAC or laptop, but increasingly they are being viewed on tablets and mobiles. This is often overlooked. As a teacher of computer science, we would often ask students to login to a site, or interact with a site to do some homework etc. Increasingly, students would reply – “we couldn’t get the website to work on my mum’s tablet or my phone sir”. “Don’t you have a laptop or computer at home”? “No sir, we don’t need one”.

Granted, it tends to be the youth that prefers mobile devices, but in 2016 the amount of people accessing the web via mobiles and tablets surpassed users of laptops (hallaminternet). It is also fair to assume that not everyone wants to download and install another mobile app that they will barely use. Therefore, it is crucial that as web developers/designers, that we create responsive sites that transfer the content to any platform without the need for the user to resize the site’s content. Even if CSS3 is not your strength, there does exist plenty of responsive templates on the net. Some of these – TEMPLATED – are provided free of charge and royalty free (providing you reference them). Even as a “seasoned pro” basing code on pre-existing templates saves time and can be used to show the client quickly what to expect before you commit to the lengthy process of bespoke coding. I am certainly not suggesting we plagiarise, but if we use templates and comment on our code professionally, I see no harm. As a pro, you should be able to delve into the code and personalise and change the content anyway, it is just a useful starting point.

Anyway, I digress a little. Back to the main thread. I am hoping that – using HTML5, CSS3 and JS – we can move away from mobile specific content, and more towards a responsive page that will display the same content optimised to the device, it is viewed on. This is will help greatly with “branding” and provide a consistent experience for the user. It also means the developer just needs to design each page once and apply a CSS to it, rather than make several iterations of a page designed to display on different devices.

——————————————————————————————————-

I hope this article has gone some way in helping you understand the importance of UPDATES. If it has…please LIKESHARE or FEEDBACK the post. Thank you.

About the Author, – Dr Richard Haddlesey is the founder and Webmaster of English Medieval Architecture in which he gained a Ph.D. in 2010 and holds Qualified Teacher Status relating to I.C.T. and Computer Science. Richard is a professional Web Developer and Digital Archaeologist and holds several degrees relating to this. He is passionate about the dissemination of research and advancement of digital education and Continued Professional Development #CPD. Driven by a desire to better prepare students for industry, Richard left mainstream teaching to focus on a career in tutoring I.T. professionals with real industry ready skills that matter at The Training Room.

#ttrIT #ttrcareerinIT #ttrLearnToCode

Please follow and like us:

Cloud Chaos?

As a student, I was always told – no forced – to create folders on my computer to store all documents pertaining to one course or project. All files, no matter the extension or type, go in a folder so they can all be found and all the links to files will work. The same was true for your desktop, keep it clean, keep it in folders. I am a huge fan of arranging all my work into folders and logical places on my physical drives. That often means I do have to use USB sticks to transfer work over to another device, but at least you can. So, for years now, I have been meticulously placing the right file in the right folder to enable myself to locate the said file with ease and to ensure if I copy a folder over -via memory stick – to another device, that all the “stuff” is there. Makes sense I hope?

Now, we have cloud storage, cloud backups, cloud software, cloud this and cloud that. Most major companies offer cloud storage or backup;

·        Microsoft OneDrive

·        Google Drive

·        Adobe Creative Cloud

·        GitHub

·        Kindle Cloud Reader

·        Dropbox

·        Sony Memories

·        Canon/Nikon for photos

·        Samsung

·        iCloud

The list goes on. Most of the list above create a folder on your physical drive that is “synced” to the “cloud”. So, the work you do on MS Word will be in a OneDrive folder, while the image you created will be in your Adobe Creative Cloud folder. More on this later, but I think we need to look at what the cloud is first?

The “cloud” is a physical location! It is not a cloud of data that just floats in space waiting for you to grab at it. The cloud will not rain data when it gets near a hilltop or the North of England. It is located on various servers at various server farms around the globe (depending on the size of the company that stores your cloud data). Those servers are constantly connected to the World Wide Web and the internet so that you can access your data anywhere at any time. The data is across several different farms, often floating back and forth (a cloud of data) to ensure the data is always backed up and accessible should a server fail. So then, the cloud is rather fantastic! You can work on any device, at any location, on any platform, using various software at any time – within reason and with some caveats. On top of this, you can rest assured you have a copy of a file backed up somewhere. Even if you delete a file, there is a greater chance of recovering it or at least finding an older version of it.

So, all this is great! So why the title “Cloud Chaos”? Well, if we think back to the folder scenario I have already eluded to, we now need to create a folder for each cloud provider rather than for each project. My simple logic brain now struggles to think – which cloud provider has what file in which subfolder for which project? For instance, I could be planning and designing a web page. I may write all the text in MS Word first, then save the work in my OneDrive so I can access the document on my phone too. Next, I create an image in Photoshop and save the image in my Adobe Creative Cloud folder. I may start my HTML code in Dreamweaver and save it too to the Adobe Creative Cloud, but my colleague needs to work on the code too, so I place the code on GitHub so we can share the code in real time without having to give them access to my Adobe account. So now I have different files in different cloud folders. This is amazing, that colleagues can share work and be assured they are working on the latest iteration, however, my poor dyslexic mind cannot cope easily with files in various locations rather than in just one location that I control. So, on one hand, our workflow has the potential to grow and the potential of collaboration is almost limitless (bandwidth and latency aside). This is, understandably why the cloud is so popular. Especially, as most cloud services come as an add-on to your software package. Or, in the case of Dropbox, are essentially free – unless you need larger storage through a business account. It really is quite amazing!

So, why the chaos? Well, simply because your files are now spread across various cloud providers and it is not until you bring it all together can it be stored in one location. So, if we take Dreamweaver as our example, we need to place all the associated files in a root folder so the website can link to all its assets relatively. All the image files will be in the default image folder, HTML in another, CSS and JavaScript in others. So, we need to take the original files out of the cloud folder and place them on our server so the links all work etc. For most people, this probably is not an issue, but for me – with dyslexia and short-term memory loss – it is a nightmare! Did I move the file? Where is the file? Am I working with the latest version? Have I put all the files in the right folder and deposited it all on the server? I agree, the cloud makes life more collaborative and intuitive for most, but it is a new way of working that does take time to adapt to. Clearly, I am slowly getting used to disparate folders and locations.

How do you manage all your files and folders? Do you have your files across several paths and folders? How do you collate and share your workflow?

——————————————————————————————————-

I hope this article has gone some way in helping you understand the importance of UPDATES. If it has…please LIKESHARE or FEEDBACK the post. Thank you.

About the Author, – Dr Richard Haddlesey is the founder and Webmaster of English Medieval Architecture in which he gained a Ph.D. in 2010 and holds Qualified Teacher Status relating to I.C.T. and Computer Science. Richard is a professional Web Developer and Digital Archaeologist and holds several degrees relating to this. He is passionate about the dissemination of research and advancement of digital education and Continued Professional Development #CPD. Driven by a desire to better prepare students for industry, Richard left mainstream teaching to focus on a career in tutoring I.T. professionals with real industry ready skills that matter at The Training Room.

#ttrIT #ttrcareerinIT #ttrLearnToCode

Visit his Blog and Website

Read more about Dr Richard Haddlesey BSc MSc PGCE PhD

Please follow and like us:

IT Courses Online From The Training Room

In 2015 it was reported that the IT industry in the UK experienced its fastest growth since 2008. According to this report, it was also noted that demand for jobs in the IT industry was growing fast, especially among start-ups.

As a result of this growing demand for jobs in the IT industry training courses have become quite popular, whether it be full-time, part-time or e-learning.

Through our years of experience in helping people make a real change in their lives, we recognise that sometimes people don’t have the time to commit to full-time or part-time courses.

If this sounds like your current situation then we might just have the solution to your problem!

Here at The Training Room, we offer a variety of IT e-learning courses which enable you to study at a pace that suits you so that you don’t have to miss out on your commitments such as family life.

Backed by CIW and CompTIA, our range of e-learning IT courses are designed to have you qualified and ‘industry-ready’ for your new career in the IT industry.

In this blog we look at the range of e-learning IT courses offered at The Training Room. From web development to infrastructure technology we’ve got a course to help you turn your passion for IT into a career you love.

Designed With You In Mind

Our approach to flexible learning means that we understand the kind of support people need. This is why we have developed our online learning to include the following benefits for our students:

  • Flexible learning – Through access to our state of the art e-learning platform you can study at a pace that suits you
  • Convenience – As all of your learning takes place online you can study from the comfort of your home
  • Support – As an e-learning student with The Training Room you will be provided with a dedicated tutor who is a specialist in your area to help and support you with your learning
  • No deadline pressure – With our online IT courses you can take control of your start and finish date meaning that there’s no need to feel that dreaded ‘deadline pressure’

Additionally, with our IT e-learning courses, you will also be supported through career support for 3 years along with a guaranteed interview with one of our corporate partners from the moment you register.

Infrastructure Technician Course

Are you a problem solver with a keen interest in computers? If so then a career as a Infrastructure Technician might just be your calling!

At the Training Room, we offer our Infrastructure Technician course which is a globally recognised qualification accredited by CompTIA. Our flexible e-learning course will provide you with all the knowledge you need on becoming an Infrastructure Technician, from working with operating systems to setting up a computer. The modules covered in this course include:

  • IT Fundamentals – This module focuses on understanding computer components, setting up and maintaining computers to network fundamentals.
  • CompTIA A+ – This specific module goes deeper into understanding working with other operating systems, safety and operational considerations and security threats.
  • CompTIA Network+ – Serving as an introduction to networks, this module will give you a better scope of network topologies, wiring standards and connectors, IP addresses and subnetting.

Web Development Course

Coding your way to becoming a Junior Web Developer has never been easier with our W eb Design and Development course. Our course will have you qualified and ‘industry-ready’ for your next step as a Web Developer.

Our qualification in web design and development includes modules in:

  • CSS3 – Understanding the essentials of CSS3 while learning the application of basic and advanced functions of the current version
  • HTML5 – Understanding the technologies implemented for enhancing user web experiences
  • Graphical User Interface (GUI) Design – Learning the use of website development tools
  • Networking – This module will develop your understanding of basic data communication components, configuring common hardware for operations and the role of networking hardware
  • JavaScript – Learning to use Javascript for creation of forms while getting a better understanding of Javascript security issues

Security Technologist Course

For those keen to learn about online security we offer our Security Technologist coursewhich is also accredited by the industry recognised and respected CompTIA.

Our Security Technologist course is designed to provide you with a greater understanding of analysing risks, uncovering breaches and developing solutions for security of information. The course covers the following modules:

  • CompTIA A+ – Understanding operational considerations and security threats to working with other operating systems.
  • CompTIA Network+ – Developing a better scope on network topologies, wiring standards and connectors
  • CompTIA Security+ – Growing your understanding and practice of monitoring and diagnosing networkings to protecting wireless networks from viruses and security risks

Software Developer Course

If you have a basic knowledge of computer skills which is combined with a keep interest in coding then our Software Developer course is just for you!

Here at The Training Room, we offer our Software Developer course which is designed to equip you with all the knowledge you need to become a successful Software Developer . The modules in this course include:

  • Microsoft Software Development Fundamentals (MTA) – Developing knowledge in core programming, general software development and understanding databases
  • CIW: Advanced HTML5 and CSS3 Specialist – Gaining hands-on experience in HTML5 and CSS3
  • Oracle OCA Java SE 8 Programmer Course – Learning the fundamentals of Oracle Java SE 8 Programmer through developing Java applications to master Java data types
  • Microsoft MCSA/MCSE Querying Microsoft SQL Server 2012 – Understanding performance based labs, database objects and working and modifying data

Ready to start your journey as an IT professional?

If you are ready to start your journey as an IT professional then check out our IT online courses here. Likewise, you can also check out our website for further information on The Training Room. Or, why not give one of our friendly advisors a call or fill out an enquiry form on our website to request more information.

Your next career in the IT industry is just one step away, start your journey with The Training Room!

PLEASE NOTE: THIS IS A REPOST FROM THE TRAINING ROOM AND NOT MY OWN WORDS. ALL CONTENT IS COPYRIGHT OF THE TRAINING ROOM. THEY OWN ALL THIS CONTENT. I AM JUST AN EMPLOYEE.

Please follow and like us:

So, what is CPD in I.T.?

I guess we should start with the definitions?

CPD generally means Continuing Professional Development but can also mean Continuing Personal Development as it often relates to the individual within their professional sphere. For the purposes of this article, we will stick to the previous definition of professional development.

I.T. relates to several strands

  • Information Technology
  • Information Communications Technology (ICT)
  • Computer Science

I.T. essentially encompasses industry professions who work with computers and other digital devices and technologies (sorry if I missed any out).

 

So then, CPD is providing evidence of “continued professional development” within your industry. Often this is done by recording and documenting that you are actively increasing your subject knowledge, understanding and ability beyond your initial training or certification. It is in by no means restricted to technical knowledge as it is arguably just as important to enhance your non-technical skills to effectively communicate your technical abilities.

As many of us are aware, the I.T. industry is constantly evolving and growing exponentially. Every year we are grieved that our high-end smartphone has just been outdated by the latest release that boasts greater speeds, larger screen, higher definition images, more RAM, more – moreness if you like? However, it is not just the hardware that evolves, it is also the software, apps and operating systems that evolve. This may be the result of the manufacturer addressing new security issues or increasing functionality based on customer feedback. Whatever the reason, it is clear that anyone who works in the I.T. industry needs to either stay up-to-date or ahead-of-the-game in order to stay employable and viable.

Within the field of Web Development, for instance, we are now enjoying the increased functionality and responsiveness of HTML5 and CSS3 alongside JavaScript to create content-rich websites that are viewable on all the various digital media devices. If you are still coding using XHTML with strict DTDs for instance, your ability to find billable work in Web Design is going to be limited. However, if you chose to update your knowledge and skills using CPD sites such as the sites below – you are clearly going to impress future clients or employers.

 

Clearly then, whether you are an amateur web developer trying to add E-commerce features to a WordPress site or the lead coder for Ubisoft – keeping up to date with advances in code, protocols and technological developments is crucial to your success.

I hope this article has gone some way in helping you understand the importance of Continuing Professional Development both within your chosen profession and your personal life too? If it has…please LIKE, SHARE or FEEDBACK the post. Thank you.

 

About the AuthorDr Richard Haddlesey is the founder and Webmaster of English Medieval Architecture in which he gained a Ph.D. in 2010 and holds Qualified Teacher Status relating to I.C.T. and Computer Science. Richard is a professional Web Developer and Digital Archaeologist and holds several degrees relating to this. He is passionate about the dissemination of research and advancement of digital education and Continued Professional Development #CPD. Driven by a desire to better prepare students for industry, Richard left mainstream teaching to focus on a career in tutoring I.T. professionals with real skills that matter. Thus, catering more for the individual learner’s needs than the National Curriculum   in schools is capable of.

 

Visit his Blog and Website

 

Read more about Dr Richard Haddlesey BSc MSc PGCE PhD

Please follow and like us:

Enjoy this blog? Please spread the word :)