Posts tonen met het label html. Alle posts tonen
Posts tonen met het label html. Alle posts tonen

woensdag 18 september 2013

HTML of CMS?

HTML of CMS?

Omdat volgens sommigen HTML, de besturingstaal van internet, te ingewikkeld zou zijn is er in de loop der jaren een groot aantal hulpmiddelen verschenen die het maken van websites gemakkelijker zouden maken.

Een bekend voorbeeld is Joomla. Dit is een zogenaamd Content Management Systeem dat het maken van zeer fraai ogende websites mogelijk maakt die voorzien zijn van allerlei toeters en bellen. Er zit echter een paar enorme "maren" aan deze aanpak.

De eerste is de vraag of een dergelijk CMS echt gebruiksvriendelijk is. Het antwoord is ja als het gaat om snel even iets maken maar overduidelijk Nee als er iets mis gaat en dat is in de wereld van internet met zijn honderden verschillende technieken, hardware en software in verschillende versies nogal eens het geval. De fout kan echt overal zitten en het vinden is zelfs voor specialisten vaak een nachtmerrie.

De tweede maar is de hackbestendigheid. Hoe meer toeters en bellen, hoe meer mogelijke gaten zo leert de praktijk. Het echt beveiligen van een CMS lukt nauwelijks waardoor het gebruik voor echt bedrijfskritische zaken of voor websites met gevoelige gegevens zeker afgeraden moet worden.

Het derde bezwaar is de enorme overhead. Het gebruik van bandbreedte en opslagcapaciteit is gemakkelijk een factor 300 groter zo weten we uit eigen praktijk. Hebt u relatief weinig ruimte ter beschikking bij uw provider dan moet u zeker niet kiezen voor het gebruik van een CMS.

De vierde "maar" is dat een site die met een CMS gemaakt is vaak slecht of helemaal niet toegankelijk is voor een zoekmachine. Dan heeft u wel een oogverblindende site maar vrijwel niemand zal hem bewonderen.

Resumerend: HTML vraag wat meer studie maar er kan echt alles mee. Het is in het algemeen een stuk sneller dan het gebruik van een CMS en de sites zijn goed te optimaliseren op vindbaarheid.

dinsdag 10 september 2013

Traffic tip - Zorg voor nette webpagina's

Traffic tip - Zorg voor nette webpagina's

Veel webpagina's zijn gemaakt met tabellen. Omdat we onze sites zo simpel mogelijk willen houden maken we niet meer gebruik van deze tabellen dan strikt noodzakelijk is.

Tabellen kunnen er redelijk uitzien maar onderhuids in de HTML van de pagina vrij ingewikkeld in elkaar zitten. Tabellen kunnen dan het doorzoeken van uw site door een zoekrobot van een zoekmachine in de war sturen.

Met gebruik van CSS (Cascading Style Sheets) zijn tabellen vaak te voorkomen.

maandag 22 juli 2013

ALT text

ALT text

De term ALT text komen we nog wel eens tegen in de wereld van de zoekmachineoptimalisatie ofwel SEO. Een zoekmachine kan (nog) geen afbeeldingen interpreteren. 

Maar als deze afbeelding voorzien is van een aanklikbare link naar een andere website is het wel van belang om te weten, waar het op de afbeelding over gaat. En dan speelt de ALT text een grote rol. Waarom? Omdat met een tekst in de code van de website, de HTML, beschreven kan worden wat de opgenomen afbeelding eigenlijk voorstelt.

En dit beschrijven van de afbeelding gebeurt via de zogenaamde ALT text of ALT tag, zoals deze ook wel genoemd wordt.

De ALT text bevat een beschrijving van de afbeelding die meestal weergegeven wordt als we met de muis over de afbeelding gaan.

Zoek eens na op uw website of de plaatjes wel van een geschikt ALT tag zijn voorzien. In het algemeen zult u in de html wel iets terugvinden als:

<IMG SRC="de-naam-van-de-afbeelding.jpg" ALT="dit is de alt tag met de beschrijving van de afbeelding">

Soms zijn er ook andere "tags" zoals title, height, width en border opgenomen. Maar dat doet niets af of toe aan de werking van de Alt Tag. Zorg er wel voor de ALT text die u gebruikt voldoende beschrijvende informatie bevat.

Dat geldt zeker als het plaatje ook als aanklikbare link moet fungeren. Met name de robot van de zoekmachine (ook wel spider) die uw site doorzoekt moet er wel iets van kunnen maken.

 



Meer informatie over Team Jetje

 

 

woensdag 3 juli 2013

website of weblog



Weblog of website?


Voor de leek is het verschil tussen een website en een weblog nauwelijks te zien. En inderdaad moet je soms van goede huize komen om het verschil te kunnen zien.

Een website wordt gebouwd met speciale talen als HTML EN PHP. Hierbij worden zogenaamde webpagina’s gemaakt die middels links met elkaar verbonden worden door een website. Als de website klaar is wordt deze middels een zogenaamd FTP programma op een gehuurde ruimte (uw domeinspace) op het web gezet.

Bij een weblog is het vaak niet zichtbaar wat er voor taal gebruikt is. Dit is geheel afgeschermd van de gebruiker. De indeling is minder flexibel dan bij een website maar is veel gemakkelijker te wijzigen en uit te proberen.

Je werkt direct in de webruimte en dus niet op de eigen computer. Overzetten is dus ook niet aan de orde.

Een website leent zich meer voor grotere toepassingen, maar voor kleine bedrijven en particulieren kan een weblog uitstekend voldoen. Met name het feit dat een weblog al proberend (prototypend zegt de vakman) opgebouwd kan worden is heel handig als de opdrachtgever niet echt voor ogen staat wat hij precies wil.

Wil de opdrachtgever regelmatig teksten en foto’s toevoegen en wil hij zijn bezoekers de mogelijkheid geven om hierop te reageren dan zal er al snel voor een weblogvorm worden gekozen.

Waar bij een website meestal weinig gebruik gemaakt wordt van standaardonderdelen is dit bij een weblog juist gebruikelijk. De meest bekende zijn Blogspot van Google en Wordpress. Met name Wordpress heeft een enorm aantal standaardonderdelen (widgets genaamd)  waarmee de meest opmerkelijke weblogs aangemaakt kunnen worden. Bij Blogspot spreekt men niet van widgets maar van gadgets.

Wilt u snel en voordelig een relatief kleine website met heel veel mogelijkheden dan kunt u beter voor een weblog kiezen. Ook als u veel nieuwe teksten en/of foto’s heeft ligt dit voor de hand. Heeft u een grotere bedrijf met bijvoorbeeld een webwinkel, inschrijvingen, boekingen en dergelijke dan ligt een klassieke website met een aanzienlijk hoger prijskaartje meer in de lijn der verwachting.



 

Meer informatie over Team Jetje

woensdag 26 juni 2013

De juiste gereedschappen voor uw blog

De juiste gereedschappen voor uw blog

Bij het onderhouden van een weblog is de keuze van het juiste hulpmiddel van groot belang bij de mogelijkheden en het onderhouden van uw weblog.

Er bestaan twee soorten blogsoftware. De ene soort draait ergens op een server, uw weet niet waar en u kunt er behalve de standaardinstellingen niet veel aan instellen en de andere soort draait op uw eigen domein wat aanvulligen qua functionaliteit een stuk gemakkelijker maakt.

Een voorbeeld van de eerste soort is Blogspot, tegenwoordig onderdeel van het grote Google concern en een voorbeeld van de tweede is Wordpress dat in uw eigen domein op internet wordt geinstalleerd.

Het bijhouden van een weblog gaat met beiden uitstekend. De meeste standaard functionaliteiten qua schrijven, terugzoeken, vooraf plaatsen met automatisch publiceren op een bepaalde datum, indelen in categoriƫn, archieffunctie en dergelijke zijn bij beiden aanwezig.

Hebt u niet veel gevoel voor de onderliggende techniek dan is het gebruik van blogspot zondermeer aan te raden. Het kan veel en er zijn flink wat uitbreidingen voor te krijgen.

Bent u niet bang voor wat meer technische ingrepen dan is waarschijnlijk Wordpress een betere keus. Het aantal instelmogelijkheden is oneindig en er zijn enorm veel functionele uitbreidingen voor te krijgen. Ook bieden veel derde partijen uitbreidingen op uw Wordpress weblog aan.

Zeker als u producten wilt gaan verkopen via een weblog is Wordpress de juiste keuze. Er is een groot aantal zogenaamde plugins te krijgen voor ondersteuning van allerlei taken die bij het verkoopproces aan de orde komen.

Er is ook duidelijk sprake van een nog steeds groeiende populariteit van Wordpress waar de groep Bloggergebruikers een beetje stabiel lijkt te blijven.


Oveigens is het zo dat zowel blogspot als wordpress mogelijkheden hebben om zelf HTML en / of PHP code toe te voegen zodat een iets ervaren programmeur allerlei functies toe kan voegen. De meeste webloggers gaat dit echter wat te ver. Maar mocht u mensen kennen die dit voor u kunnen en willen doen dan is bij elk soort weblog de sky de limit, zoals dat heet.

HTML links

Links in HTML

HTML  links
Wat zou het internet zijn zonder links? Ook wel hyperlinks genaamd? Een gigantische brij van informatie waar niemand maar dan ook niemand ooit meer de weg in zou weten te vinden.

Tijd om eens te kijken hoe we in HTML een hyperlink of kortweg Link coderen.

Een link coderen we in HTML als volgt:

<A href=”doel”> tekst of plaatje </a>

Het spreekt haast voor zich dat doel het webadres is van de pagina waar we naar toe willen. Stel dat dit doel home.htm heet dan krijgen we <A href=”home.htm”>

Hoe we tekst of plaatjes coderen hebben we eerder gezien in andere artikelen. Tekst kunnen we hier gewoon coderen met <FONT>,<B> etc. Overigens worden door de meeste mensen links nog altijd geassocieerd met blauw en onderstreept. En daar zal men ook het meest op klikken. Stel dat we trefwoord wijnfles hebben en een plaatje wijnfles.jpg op de site hebben staan.

Dan zal een klikbare versie van wijnfles.jpg er uit zien als
<a href=”wijnfles-pagina.htm”><img src=”wijnfles.jpg” alt=”wijnfles”></a>

Bij aanklikken van het plaatje gaan we naar een pagina die wijnfles-pagina.htm heet en die op onze eigen websiteaanwezig moet zijn. Zo niet dan krijgen we een zogenaamde 404 error. 

Ook kunnen we naar een webadres buiten de eigen site verwijzen. Bijvoorbeeld naar www.nebsite.nl. In dat geval ziet het doel er als volgt uit: <a href=”http://www.nebsite.nl“>. let op de http. Deze geeft aan dat het webadres buiten onze eigen site ligt.

Het mag duidelijk zijn dat heel veel zaken op deze manier als link gebruikt kunnen worden. Ook links binnen onze eigen website kunnen invloed hebben op de zoekresultaten.

Het verdient daarom altijd aanbeveling onze trefwoorden in de namen van de pagina op te nemen waar we heen springen. In de naam wijnfles-pagina komt ons trefwoord wijnfles terug.

HTML afbeeldingen

HTML afbeeldingen
HTML afbeeldingen

Wat is een website of webpagina zonder afbeeldingen. Niets natuurlijk. Maar afbeelding maken uw pagina niet alleen aantrekkelijker om naar te kijken, ze zijn ook van belang voor uw vindbaarheid in de zoekmachines.

Een plaatje ziet er als volgt uit in HTML:

<img src=”pipo.jpg”>

Er is geen sprake van een sluittag als bijvoorbeeld </img> Er zijn een paar htmltags waarvoor het gebruik van een sluittag niet geldt en <IMG> is er daar dus eentje van.

Er wordt nu een plaatje afgebeeld dat pipo.jpg heet en dat in dezelfde map staat als de htmlpagina. (dat is geen eis, het vraagt wel een meer uitgebreide codering). Uit een oogpunt van optimalisatie is het aan te raden de naam van het plaatje dezelfde te maken als uw belangrijkste trefwoord. Dus trefwoord.jpg

Waarschijnlijk hebt u wel eens een plaatje aangewezen op een webpagina met de computermuis en gezien dat er een blokje tekst verscheen. Dit blokje tekst wordt de ALT-tag genoemd. Belangrijk is om in deze ALT-tag weer ons belangrijkste trefwoord op te nemen.

Dus stel dat mijn belangrijkste trefwoord “wijnfles” is dan ziet een optimale codering van de afbeelding er uit als

<img src=”wijnfles.jpg” alt=”wijnfles”>


Deze ALT-tag is vooral van belang als we het plaatje aan willen klikken om naar een andere site te springen, dus willen gebruiken als hyperlink.

Html koppen

Het lezen van html: koppen

Koppen zijn belangrijk in uw tekst. Allereerst geven ze een snelle indruk waar uw tekst over gaat. Een niet te onderschatten voordeel in de internetwereld waar alles “snel” geacht wordt te gaan.
Iemand die uw tekst onder ogen krijgt en er snel doorheen leest kan uit de koppen al snel een indruk krijgen waar het allemaal om gaat.

Dat is dus de kant van de lezer. Maar er leest nog iets mee, namelijk de spider van Google en eventuele andere spiders van andere zoekmachines. En ook die spiders zijn zeer geinteresseertd in de koppen in uw tekst.

In uw website zijn de koppen te herkennen aan de htmltags waar ze tussen staan.
We kennen in Html 3 niveaus van koppen, namelijk H1,H2 en H3.

Dit geeft ook de volgorde van belangrijkheid aan.

Elke website behoort een <H1> kop te hebben met daarin uw voornaamste trefwoord waar u op gevonden wilt worden. Die kunt u terugvinden met de volgende codering (zie elders hoe u html moet lezen) <H1>Belangrijk trefwoord</H1>.

Maar er zijn ongetwijfeld meer begrippen van belang voor uw website. Deze begrippen gaan we opnemen in koppen van een lager niveau dus H2 en H3 koppen. Die zien er uit als <h2>Trefwoord</h2>
of
<h3>Nog een trefwoord</h3>

Omdat deze koppen zowel voor uw lezers als voor de spiders van groot belang zijn is het aan te bevelen de Html van uw website even te bekijken en te controleren of alles klopt. Zo niet, pas het aan of laat het even aanpassen. Het is de moeite waard.

dinsdag 11 juni 2013

Redirect

Redirect

redirectWe spreken van een Redirect als iemand op een link naar een bepaalde pagina klikt maar in plaats daarvan wordt omgeleid naar een andere pagina.

Hier zijn verschillende technische vormen van wat vooral te maken heeft met het feit dat wegsites komen en gaan en een oude site vaak nog wel verkeer trekt.

Dat verkeer wordt dan via een zogenaamde redirect naar de nieuwe site gestuurd.

Er zijn verschillende technieken in omloop. Bijvoorbeeld via PHP en Javascript maar er bestaat ook een speciale metatag voor:

Php versie

<?
Header( "HTTP/1.1 301 Moved Permanently" );
Header( "Location: http://www.nieuwe-website.nl" );
?> 


Asp versie

<%@ Language=VBScript %>
<%
Response.Status="301 Moved Permanently"
Response.AddHeader "Location","www.nieuwe-website.nl/"
%> 



Javascript

<%
response.setStatus(301);
response.setHeader( "Location", "http://www.nieuwe-website.nl/" );
response.setHeader( "Connection", "close" );
%> 



HTML

<meta HTTP-EQUIV="REFRESH" content="0; url=http://www.nieuwe-website.nl">

dinsdag 21 mei 2013

JavaScript

JavaScript

JavaScript is a programmeertaal die vooral gebruikt wordt op webpagina's om allerlei interactieve functies te realiseren.

Omdat Javascript verwerkt is in de normale HTML is het aan de webbrowser om de taala te interpreteren en er een actie op te nemen.

Als JavaScript wordt gecomnineerd met Cascading Style Sheets(afgekort tot CSS) HTML 4 of later spreken we ook wel van van DHTML.

HTML

HTML

HTML, wat een afkorting is voor HyperText Markup Language is de taal die gebruikt wordt om zogenaamde hypertext documenten te maken die de meeste mensen beter kennen onder de naam webpagina.

Naast het feit dat je documenten onderling kunt verbinden door het opnemen van verwijzingen of zogenaamde hyperlinks zijn er ook vele mogelijkheden om tekst te bewerken, afbeeldingen weer te geven en dergelijke.

Wordt HTML daarnaast uitgebreid met zaken als javascript dan zijn er ook allerlei interactieve zaken mogelijk.

Hypertext documenten zijn bedoeld om bekeken te worden met een webbrowser. Inmiddels zijn er naast HTML een aantal andere opmaakstandaards ontstaan XML, XHTML en anderen.

Maar HTML blijft nog altijd verreweg de populairste.

woensdag 15 mei 2013

Applet

Applet

Een applet is een klein JAVA programma dat opgenomen  kan worden in een HTML webpagina. We spreken bij dat opnemen van "embedding" ofwel "embedded software"

Applets kunnen in het algemeen geen toegang krijgen tot gegevens op de computer waarop de webpagina getoond wordt.

Ook mogen ze uit een oogpunt van veiligheid niet communiceren met andere computers in het netwerk (inclusief het internet) waar de computer waarop de applet draait, deel van uitmaakt.