ZOMDir > BlogNL

dinsdag 16 december 2014

Het einde van Pagerank

Update maart 2016. Pagerank checkers zijn niet meer van belang. Google verwijdert de Public Pagerank.

--

Al enige tijd had ik het sterke vermoeden dat Pagerank een verouderde indicator is voor de populariteit van een website. Nu weet ik het echter zo goed als zeker. Recent ontdekte ik dat in oktober al middels een Google Hangout duidelijk wordt dat Google de publieke Pagerank niet meer bijwerkt.

Op 6 oktober zegt John Mueller (Google Zwitserland) op 20:30u namelijk het volgende:
There are a few things where we do take action that you might not see directly. Toolbar PageRank is something that we have not updated for about a year now, and we’re probably not going to be updating it going forward… we have a lot of way to recognize these problematic links, and the sites selling those links, that essentially blocks the PageRank from passing through those sites.




Trendline

Dat komt aardig overeen met onderstaande trendlijn van het aantal updates per half jaar. Vanaf 2006 tot en met 2014.



Mijn conclusie is dan ook dat je de Pagerank alleen kan beschouwen als een metertje welke ergens in 2013 nog enigszins correct werkte, maar sindsdien is bevroren. Er waarde aan toekennen voor nieuwe websites heeft dus eigenlijk geen zin meer.

Het is jammer voor Pagerank at a Glance, maar het zou denk ik het netste zijn als Google de Pagerank voor alle sites verwijderd. Dan kan er ook geen verwarring meer over bestaan bij webmasters die denken dat ze linkjes moeten verwijderen omdat deze komt van een PR 0 website ;-)

Succes met het verkrijgen van goede links,
Hans

--
ZOMDir.com is een startpagina en een Wiki
Ook jij voegt in 10 seconden een link toe
Voor meer informatie, ga naar Slideshare

maandag 1 december 2014

9 (+1) link attributen beschreven

Webpagina's kennen verschillende soorten links. Te weten:

  • Navigatie links
  • Structuur links
  • Verrijking links


Navigatie links

Navigatie links zijn hyperlinks welke aanklikbaar zijn door de gebruiker. Door het klikken op een dergelijke link wordt veelal een andere webpagina opgeroepen.

Anker

Het aanklikbare deel wordt ook wel "Anker" genoemd. Veel voorkomende vormen van ankers zijn:

  • Tekst (ook wel ankertekst)
  • Een plaatje
  • Een deel van een plaatje


Bij de laatste optie wordt een plaatje vaak opgedeeld in meerdere gebieden (area's). Klikken op een dergelijk gebied leidt er toe dat de daaraan gelinkte webpagina wordt opgeroepen.

Tekstlinks zijn verreweg de meest voorkomende vorm van navigatie links. In de ankertekst kan je overigens ook weer HTML code opnemen.

Structuur links en verrijking links kennen geen anker en zijn dan ook niet klikbaar.

Structuur links

Structuur links zijn links die helpen vorm te geven aan een webpagina. Deze links geven aan welke metadata van toepassing is voor de betreffende webpagina. Dergelijke links kunnen verwijzen naar:

  • Opmaak bestanden (CSS) waarin staat aangegeven hoe de pagina er uit moet komen te zien
  • De vorige- en volgende pagina in een artikelen reeks
  • Een pagina met helpinformatie

Zie ook dit overzicht van alle mogelijke opties.

Verrijkinglinks

Verrijkinglinks zijn links die naast tekst extra content toevoegen aan de webpagina. Veel voorkomende verrijkingen zijn:

  • Afbeeldingen
  • Javascript


De structuur van een navigatie link

Een gewone navigatie link kent minimaal de volgende onderdelen (al is formeel zelfs de bestemming niet verplicht):

  • Anker
  • Bestemming


Een uitleg over het anker (de ankertekst) is hiervoor al gegeven.

De bestemming

De bestemming geef je op met het attribuut "href". De bestemming kan worden weergeven als een absolute of relatieve URL. De bestemming is meestal een andere webpagina, maar dat hoeft niet. Het kan bijvoorbeeld ook een PDF document zijn. Indien als bestemming "mailto:zomdir@gmail.com" wordt opgegeven, dan ga je een mail versturen als je op het anker klikt.

Overige attributen

Daarnaast kunnen ook de volgende attributen voorkomen in een link:

  • Tooltip tekst
  • Doel
  • Download
  • Link soort
  • De taal gebruikt op de webpagina waar naar toe wordt gelinkt
  • Het MIME type van het object waar naar toe wordt gelinkt
  • Id
  • Class


Tooltip tekst

Voor het opgeven van de tooltip tekst gebruik je het attribuut "title". Hier kan je alleen teksten opgeven. Probeer niet om hier HTML code in op te nemen. Dat gaat niet werken.

Een tooltip tekst zou ik altijd opnemen omdat dat duidelijk de gebruikerservaring verhoogt. Mits er een zinnige tekst staat natuurlijk ;-)

Doel

Met het "target" attribuut geef je op of het gelinkte document al dan niet in een nieuw scherm moet worden getoond. Normaal gesproken wordt deze niet gebruikt. Mogelijk waarden zijn:

  • _blank
  • _self
  • _parent
  • _top


Als de je opgeeft target="_blank" dan leidt klikken op het anker tot het openen van een nieuw scherm alwaar de bestemming wordt getoond.

Met _self geef je op dat het huidige document wordt vervangen.

Met _parent c.q. _top geef je op dat, indien mogelijk, het document moet worden vervangen in het parent c.q. het top scherm.

Parent en top schermen krijg je als een link is geopend in een nieuw scherm.

Noot: Als er geen doel is opgegeven kan de gebruiker vaak ook opgeven dat een link moet worden geopend in een nieuw scherm. Dit kan vaak met een rechtermuisklik of door tijdens het klikken de control toets ingedrukt te houden.

Download

Nieuw in de HTML5 specificatie is het "download" attribuut. Indien deze is opgegeven dan wordt de bestemming gedownload in plaats van geopend in de browser. Het is mogelijk om als waarde een filenaam op te geven.

Link soort

Met het "rel" attribuut kan worden opgegeven wat voor een soort link het betreft. Je kan bijvoorbeeld aangeven dat deze link verwijst naar:

  • een helptekst
  • de licentie voorwaarden
  • de auteur


Dit attribuut kan ook de waarde "nofollow" krijgen. Hiermee geef je aan dat de link wel geplaatst is maar dat je deze eigenlijk niet steunt. Dit wordt bijvoorbeeld veel gebruikt bij blogs waar een ieder commentaar mag geven.

NootZoekmachine optimalisatie specialisten hebben hele theorieën over het gebruik van de waarde "nofollow". Als ik het goed begrepen heb, is dit omdat men meent te weten dat Google de verhouding gewone links / "nofollow" links gebruikt als indicatie voor een normaal link profiel. Mocht een website geen normaal link profiel hebben, dan zou deze website stukken lager in de zoekresultaten terug te vinden zijn.

Taal

Met het "hreflang" attribuut kan je opgeven welke taal gebruikt wordt op de bestemming. Dit is een in de praktijk weinig gebruikt attribuut.

MIME type

Met het "type" attribuut geef je op naar wat voor een soort document je linkt. Net als het "hreflang" attribuut wordt dit in de praktijk niet tot nauwelijks gebruikt.

Id

Bijna elke HTML tag kan voorzien worden van het attribuut "id". Deze identificatie kan vervolgens worden gebruikt om naar te linken, maar kan ook worden gebruikt bij het opmaken van de link middels eventueel gerelateerde CSS code.

Class

Net als het "id" attribuut kan het "class" attribuut bij nagenoeg elke HTML tag worden opgenomen. Deze is alleen van belang voor het opmaken van de link middels eventueel gerelateerde CSS code.

Een link met zijn attributen

Uiteindelijk kan een link er dus als volgt uit zien:

<a
  href="link bestemming"
  title="link tooltiptekst"
  target="link doel"
  download="bestandsnaam"
  rel="link soort"
  hreflang="taal op gelinkte webpagina"
  type="MIME type van het gelinkte object"
  id="link id"
  class="link class">
    link anker
</a>

De volgorde van de attributen doet er overigens niet toe.

Voorbeelden

Een aantal voorbeelden van links staat op de pagina example.zomdir.com/links/. Dit omdat het op deze blog niet goed mogelijk is om precies weer te geven wat ik wil. 

Link ze,
Hans

--
ZOMDir.com is een startpagina en een Wiki
Ook jij voegt in 10 seconden een link toe
Voor meer informatie, ga naar Slideshare

maandag 24 november 2014

Kudos voor ...

Al geruime tijd houd ik me bezig met startpagina's en onderzoek ik de redenen van hun teloorgang. 

Uiteindelijk kom ik er op uit dat één persoon of een redactie (klein of groot) nooit in staat zal zijn om alle wijzigingen die op het internet plaats vinden bij te houden. 

Websites komen en gaan zonder dat de redactie daarvan op de hoogte wordt gesteld. De enige manier om die dynamiek een beetje bij te houden is alles te automatiseren of gebruik te maken van de kracht van de crowd.

Alles automatiseren

Een voorbeeld van een bedrijf dat nagenoeg alles automatiseert is natuurlijk Google. Googlebot is onvermoeibaar en vindt relatief gemakkelijk nieuwe websites en ontdekt welke websites niet meer werken. En passant wordt de website tot op het bot geanalyseerd en wordt de relaties met andere websites in kaart gebracht. 

Daarnaast weet Google zo ongeveer waar en waarmee jij het internet op gaat. Het resultaat is een geautomatiseerde gepersonaliseerde lijst met zoekresultaten, en dat vele malen per dag. 

Geen wonder dat startpagina's nauwelijks worden geraadpleegd. Het is een ongelijke strijd van de machine tegen de mens startpagina redactie.

De kracht van de crowd

Het is al diverse malen geprobeerd om een zoekmachine te maken gebaseerd op de kracht van de crowd. Momenteel weet ik van de volgende initatieven:
Er zijn er ongetwijfeld meer. Om tot een complete lijst te komen moet natuurlijk de crowd in actie komen ;-)

Het zal je overigens niet verbazen dat ook Google meer gebruik wil maken van de kracht van de crowd. Hiervoor heeft ze de Knowledge vault ontwikkeld. 

Hinken op twee gedachten

ZOMDir hinkt op twee gedachten. De crowd laten bepalen welke onderwerpen en links geplaatst worden op ZOMDir maar daarnaast zo veel mogelijk automatiseren opdat er nauwelijks tijd benodigd is om de orde enigszins te bewaren. 

Vooralsnog de laatste stap die daarbij gemaakt is, is het toekennen van Kudos punten. 

Indien er 5 of meer links op een pagina zijn, dan kan een link worden gepromoot. De betreffende link krijgt dan 1 kudospunt en wordt hoger in de lijst getoond. 

Dit is erg handig voor pagina's met veel links, waarvan er eigenlijk maar een paar relevant zijn. Denk hierbij aan de pagina Nederlandse startpagina's

In een keer is duidelijk welke links als relevant worden beschouwd en welke minder relevant zijn. Het mooiste hieraan vind ik nog dat iedereen kan meestemmen. 

Dus ik zou zeggen, kom op "crowd". Laat je stem horen. 

Met democratische groet,
Hans

--
ZOMDir.com is een startpagina en een Wiki
Ook jij geeft in 3 seconden Kudos punten
Voor meer informatie, ga naar Slideshare

Help mee ZOMDir te promoten. Tweet.

dinsdag 11 november 2014

Finetuning

Als je een website hebt, dan ben je eigenlijk nooit klaar. Sinds enige tijd is er weer een controle tool annex suggestie tool bijgekomen, namelijk Pagespeed Insights. Beter gezegd, dat tool was er al, maar deze controleert nu ook de mobiele gebruiksvriendelijkheid. Echt nieuw is dat het nu ook overgenomen is in Google's Webmaster Tools.

Klikafstand te klein

Nu had ik in mijn ogen een mooie responsive website gemaakt met ZOMDir.com, maar wat zei Pagespeed Insights... "de afstand tussen de verschillende klikbare items is te klein". Tot afgelopen donderdag dacht ik steeds "Het zal wel. Het ziet er goed uit en ik kan er prima mee werken". Die bewuste donderdag zag ik hoe anderen worstelden met mijn site op een iPhone. Vaak werd onbedoeld het verkeerde linkje aangeklikt. Hmmm, Google had misschien toch wel gelijk met zijn Pagespeed Insights.

Buttons in plaats van links

Na wat spelen met JSFiddle zijn een hoop kleine priegelige linkjes nu ineens mooie klikbare knoppen. En dat door alleen maar mijn CSS aan te passen. De score voor mobiele bruikbaarheid in Pagespeed Insights is nu 100%. Wat wil een mens nog meer?

One more thing ...

Nou, Pagespeed Insight mekkert nog over blocking CSS. Tja, om performance redenen had ik laatst alle CSS code samengevoegd, dat scheelt namelijk weer een request. Misschien moet ik dat dan toch maar weer deels ongedaan maken, opdat alle CSS code benodigd voor een handheld in een apart bestand staat. Eerst maar eens grondig bestuderen wat ik moet doen.

Of ik er dan ben?

FOUT

Nou, voor het "geeltje" laad ik aparte lettertypes hetgeen mogelijk bij sommige browser leidt tot een FOUT oftewel een "Flash Of Unstyled Text". Was ik net zo blij met mijn geeltje (sommige mensen dachten zelfs dat het een afbeelding was) moet ik het misschien weer gaan aanpassen. Daar heb ik op dit moment eigenlijk helemaal geen behoefte aan. Voor mezelf had ik namelijk gezegd dat het zo wel eventjes goed was.

Hoe lang ik dat kan volhouden blijft natuurlijk de vraag. Ik vrees dat ik binnenkort toch maar weer wat ga tweaken ...

Met voorlopig geoptimaliseerde groet,
Hans

--
ZOMDir.com is een startpagina en een Wiki
Ook jij voegt in 10 seconden een link toe


Voor meer informatie, ga naar Slideshare

maandag 20 oktober 2014

Vijfhonderd dagen

5 juni 2013 ging ZOMDir.com live. Dat betekend dat ZOMDir nu al meer dan 500 dagen oud is.

Een goed moment om terug te gaan naar het begin. De eerste stap die moest gebeuren was zorgen dat de basis informatie, zoals de te gebruiken teksten en de beschikbare onderwerpen en locaties werden geladen. Dat kon echter pas nadat de beschikbare talen waren geladen.


Mocht je indertijd ZOMDir benaderen, dan kon het gebeuren dat je een van de volgende schermen* zag.











Al snel kwam ik erachter dat weinig mensen deze schermen te zien zouden krijgen. Googlebot activeerde bij het crawlen van de website automatisch per taal de initiële data.


* Het schermontwerp was in het begin nog sterk afwijkend van wat het nu is. Speciaal voor deze blog heb ik in een aparte omgeving ZOMDir nogmaals geïnitieerd, omdat ik de oorspronkelijk plaatjes niet meer heb. Het oorspronkelijk ontwerp kan je nog wel zien op de pagina Een nieuwe jas.



Er is in die tijd veel bereikt

Afijn, in de tussentijd is er veel gebeurd. Niet alleen het ontwerp is aangepast. Er is ook extra functionaliteit toegevoegd. Denk aan:


  • Performance verbeteringen;
  • Een RSS feed gemaakt voor alle recent geactiveerde pagina's;
  • Het verhelpen van diverse kleine bugjes;
  • Het diverse malen optimaliseren van de lay-out, onder andere:
    • Extra hulpteksten om gebruikers vooral op de juiste pagina een link te laten toevoegen;
    • Het geeltje dat uitlegt wat ZOMDir nu precies is;
    • Het verwijderen van onderstaand stripje van de "homepage".
  • Het verbeteren van de automatische linkcontrole, aangezien er soms wat al te snel links werden verwijderd;
  • Het automatisch controleren of een link nog steeds veilig te bezoeken is;
  • Een overzicht van nieuw toegevoegde links en een overzicht van verwijderde links toegevoegd;
  • Het op elke pagina tonen wanneer deze pagina voor het laatst is bewerkt c.q. gecontroleerd;
  • Het toevoegen van 'honingpotjes' om te voorkomen dat bots ongebreideld hun gang gaan. Tevens een overzicht van de IP adressen van de bots gemaakt;
  • Het mogelijk gemaakt om een link Kudos punten te geven.

Daarnaast zijn er gelukkig ook al een hoop nieuwe links toegevoegd. De status op 18 oktober was:




Dank,

Hans

--

ZOMDir.com is een startpagina en een Wiki
Ook jij voegt in 10 seconden een link toe
Voor meer informatie, ga naar Slideshare

maandag 13 oktober 2014

ZOMDir's Inception deck

Als je ontwikkelt volgens SCRUM kan het zinnig zijn om voor het project begint een Inception deck te maken. Zie het als een samenvatting op één A4-tje van een nieuw software project.

Helaas kende ik de Inception deck niet toen ik aan het ZOMDir project begon. Indachtig het gezegde "Beter laat, dan nooit" besloot ik om voor mezelf toch een Inception deck te maken. Ik kan niet zeggen dat het veel nieuwe inzichten heeft opgeleverd. Wel geeft het een mooie samenvatting van het ZOMDir project.


Succes met de voorbereiding van jouw project,
Hans

--
ZOMDir.com is een startpagina en een Wiki
Ook jij voegt in 10 seconden een link toe
Voor meer informatie, ga naar Slideshare

maandag 6 oktober 2014

Burgerplicht?

Wil je een succesvolle website maken dan dient deze zo gebruiksvriendelijk mogelijk te zijn. Op het internet is de concurrentie immers slechts één klik weg. Zaken die gebruiksvriendelijkheid bevorderen zijn: 
  • duidelijke korte teksten, 
  • een snelle website en 
  • formulieren waarin alleen het broodnodige wordt gevraagd.


Brood

Voor het ZOMDir project was en is het streven om alleen het broodnodige vast te leggen. Bij de diverse formulieren die in gebruik zijn op ZOMDir.com wordt dan ook niet om een Captcha gevraagd om te bewijzen dat je een mens bent. Aaaaiii, dat vraagt om misbruik, en zo geschiede. 

Enige tijd kwam ik er via de statistieken achter dat de verhouding tussen toegevoegde en gewijzigde links wel heel erg scheef lag. Gemiddeld werd elke toegevoegde link ruim 16 keer gewijzigd. Dat is onevenredig veel. Zeker gezien het feit dat het er 1 april 2014 nog normaal uitzag.
 
Vandaar dat het tijd werd voor maatregelen.

Honing

Een manier om ongewenste bezoekers buiten de deur te houden is door het plaatsen van 'honingpotjes'. Een bot komt daar maar al te graag op af, en is daardoor eenvoudig als een bot te herkennen. Sinds kort heb ik ook honingpotjes. Al gauw ontdekte ik dat bots gemiddeld zo'n 1000 keer per dag proberen om ongewenste code te plaatsen op ZOMDir.com. Nu kon dat niet zo veel kwaad omdat alle invoer toch al wordt gefilterd opdat er niet ineens Javascript of iets dergelijks spontaan wordt opgestart. Het kost wat CPU capaciteit, maar dat is het dan ook wel.

Presenteerblaadje

Alle IP adressen van de bots verzamel ik op de pagina Bots. In eerste instantie logde ik elke 'aanval', inmiddels log ik alleen nog maar nieuwe IP adressen. De 'aanval' vindt plaats in salvo's van vijf verzoeken achter elkaar, waarbij elk verzoek een andere tekst en een URL bevat. 

Mijn bevindingen heb ik inmiddels doorgegeven aan de Fraudehelpdesk in de hoop dat het helpt bij de bestrijding van botnets.

Hans

--
ZOMDir.com is een startpagina en een Wiki
Ook jij voegt in 10 seconden een link toe
Voor meer informatie, ga naar Slideshare