{"id":767660,"date":"2023-10-26T11:36:24","date_gmt":"2023-10-26T17:36:24","guid":{"rendered":"https:\/\/blogging-techies.com\/sw\/skapa-en-seo-vanlig-webbplats-med-ajax\/"},"modified":"2023-10-26T11:36:24","modified_gmt":"2023-10-26T17:36:24","slug":"skapa-en-seo-vanlig-webbplats-med-ajax","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/sw\/skapa-en-seo-vanlig-webbplats-med-ajax\/","title":{"rendered":"Skapa en SEO-v\u00e4nlig webbplats med AJAX"},"content":{"rendered":"<p>F\u00f6r alla ni g\u00f6r-det-sj\u00e4lv d\u00e4r ute finns det ett SEO-v\u00e4nligt s\u00e4tt att utveckla en community-relaterad webbplats byggd med AJAX (aka asynkron JavaScript och XML).  Detta alternativ anv\u00e4nder AJAX i stor utstr\u00e4ckning men lyckas l\u00f6sa m\u00e5nga av problemen som orsakas av s\u00f6kmotorer och anv\u00e4ndarproblem.  \u00c4ven om det fortfarande p\u00e5g\u00e5r, erbjuder det l\u00f6sningar som gynnar s\u00f6kmotoroptimering och marknadsf\u00f6ring.<\/p>\n<p>S\u00f6kmotorrobotar \u00e4r k\u00e4nda f\u00f6r att ignorera JavaScript.  JavaScript-omdirigeringar har ofta missbrukats, vilket inte har hj\u00e4lpt saken.  F\u00f6rutom att vara &#8220;ov\u00e4nlig&#8221; mot s\u00f6kroboten, i fallet med AJAX, \u00e4r andra funktioner som p\u00e5verkar anv\u00e4ndaren ofta ocks\u00e5 h\u00e4mmade.  (till exempel anv\u00e4ndningen av bak\u00e5tknappen).  Det h\u00e4r \u00e4r ett par problem man m\u00f6ter n\u00e4r man anv\u00e4nder JavaScript p\u00e5 en webbplats.<\/p>\n<p>En AJAX-baserad l\u00f6sning f\u00f6r sociala medier som f\u00f6rblir b\u00e5de anv\u00e4ndar- och s\u00f6kmotorv\u00e4nlig \u00e4r nu tillg\u00e4nglig.  L\u00f6sningen med \u00f6ppen k\u00e4llkod som syftar till att l\u00f6sa m\u00e5nga av de anv\u00e4ndarproblem och problem som p\u00e5verkar s\u00f6kmotoroptimering och anv\u00e4ndarupplevelse \u00e4r k\u00e4nd som Orca.<\/p>\n<p>Orca Interactive Forum Script utvecklat av BoonEx \u00e4r en AJAX-l\u00f6sning som har l\u00f6st problemen med att ha en fungerande bak\u00e5tknapp, anv\u00e4ndningen av permal\u00e4nkar, en s\u00f6kmotorv\u00e4nlig struktur och bokm\u00e4rkbara sidor.  Skriptet utvecklas ocks\u00e5 f\u00f6r att inkludera unika sidtiteltaggar och l\u00e4ttanv\u00e4nda webbadresser.  Ut\u00f6ver Orcas interaktiva forumskript kommer det ocks\u00e5 att finnas skript tillg\u00e4ngliga f\u00f6r kataloger, wikis och bloggar.<\/p>\n<p>F\u00f6r de mer tekniskt avancerade \u00e4r det s\u00e5 h\u00e4r en del av problemen l\u00f6ses.<br \/>Det eliminerar behovet av flera varianter av en kod.  En l\u00f6sning som m\u00e5nga utvecklare har anv\u00e4nt tidigare har varit att skapa en sida f\u00f6r anv\u00e4ndaren och en annan f\u00f6r s\u00f6kmotorerna.  I det h\u00e4r fallet anv\u00e4nds XSL Transformation (XSLT) f\u00f6r att skapa webbplatsinneh\u00e5ll och l\u00f6sa problemet.  Eftersom XSLT kan g\u00f6ras p\u00e5 klientsidan (i webbl\u00e4saren) eller p\u00e5 serversidan (dvs PHP), finns det inget behov av att skapa tv\u00e5 webbplatser.  Du kan anv\u00e4nda en kod f\u00f6r anv\u00e4ndaren och s\u00f6kmotorn.<\/p>\n<p>Om du till exempel tittar p\u00e5 Orca-forumets URL:<\/p>\n<p>Orca installation<\/p>\n<p>N\u00e4r en anv\u00e4ndare klickar p\u00e5 den h\u00e4r webbadressen, k\u00f6r webbl\u00e4saren onclick-h\u00e4ndelsen och om return f.selectForum(5, 0)-satsen returnerar false, kommer webbl\u00e4saren att exekvera onclick-koden och inte f\u00f6lja l\u00e4nken i href-attributet.  I det h\u00e4r fallet exekveras en XSL-transformation p\u00e5 klientsidan (bra f\u00f6r serverns prestanda eftersom xsl-transformationen utf\u00f6rs p\u00e5 klientdatorn).<\/p>\n<p>N\u00e4r en s\u00f6kmotor &#8220;klickar&#8221; p\u00e5 denna URL, ser den bara href-delen av URL:en och \u00f6ppnar en sida med en normal URL med samma sidinneh\u00e5ll.  I det h\u00e4r fallet g\u00f6rs XSL-transformationen p\u00e5 serversidan och denna URL genererar en normal html-sida.<\/p>\n<p>Och f\u00f6r att l\u00f6sa problemet med en dysfunktionell bak\u00e5tknapp \u00e4r det h\u00e4r l\u00f6sningen de tillhandah\u00e5ller.  Bak\u00e5tknappen i Orca \u00e4r baserad p\u00e5 #-symbolen efter URL:en.  JavaScript kan l\u00e4sa och \u00e4ndra v\u00e4rdet i URL-adressen efter #-symbolen utan att ladda om sidan, men en webbl\u00e4sare lagrar denna URL (med annan text efter #-symbolen) i webbl\u00e4sarhistoriken.<\/p>\n<p>Sekvensen (som i Orca):<\/p>\n<ul>\n<li>Anv\u00e4ndare \u00f6ppnar ett forum via AJAX<\/li>\n<li>JavaScript laddar om m\u00e5lomr\u00e5det p\u00e5 sidan och lagrar information om denna \u00e5tg\u00e4rd i webbadressen (exempel: #action=goto&#038;forum_id=5)<\/li>\n<li>Webbl\u00e4saren lagrar denna URL i historiken<\/li>\n<li>Anv\u00e4ndaren klickar p\u00e5 bak\u00e5tknappen<\/li>\n<\/ul>\n<p>JavaScript ser att #-delen av webbadressen har \u00e4ndrats, tar den nya texten efter #-symbolen, analyserar den och anropar JavaScript f\u00f6r att ladda om m\u00e5lomr\u00e5det p\u00e5 sidan (exempel: #action=goto&#038;forum_id=3 skulle \u00f6ppna \u00e4mnen i forumet med id =3)<\/p>\n<p>Mozilla och IE hanterar dessa webbadresser (med modifierad text efter #-symbolen) p\u00e5 olika s\u00e4tt.  S\u00e5 JavaScript-koden f\u00f6r dem \u00e4r annorlunda, men algoritmen \u00e4r densamma.<\/p>\n<p>Observera att xsl-transformationen \u00e4r mycket strikt: du m\u00e5ste skriva xsl-mallar mycket noggrant, men i slutet av dagen kommer du att ha en perfekt giltig HTML-kod.<\/p>\n<p>Font\u00e4n<\/p>\n<p>\u00c4r det n\u00e5gon som har erfarenhet av att anv\u00e4nda n\u00e5gon av dessa l\u00f6sningar?  Hur har det p\u00e5verkat din SEO?  Dela g\u00e4rna med dig av dina erfarenheter eller tankar.<\/p>\n   ","protected":false},"excerpt":{"rendered":"<p>F\u00f6r alla ni g\u00f6r-det-sj\u00e4lv d\u00e4r ute finns det ett SEO-v\u00e4nligt s\u00e4tt att utveckla en community-relaterad webbplats byggd med AJAX (aka asynkron JavaScript och XML). Detta alternativ anv\u00e4nder AJAX i stor utstr\u00e4ckning men lyckas l\u00f6sa m\u00e5nga av problemen som orsakas av s\u00f6kmotorer och anv\u00e4ndarproblem. \u00c4ven om det fortfarande p\u00e5g\u00e5r, erbjuder det l\u00f6sningar som gynnar s\u00f6kmotoroptimering och [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":767661,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2023\/06\/45-in-2023-768x433-1.png","fifu_image_alt":"","footnotes":""},"categories":[5],"tags":[],"class_list":["post-767660","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bloggar"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/posts\/767660","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/comments?post=767660"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/posts\/767660\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/media\/767661"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/media?parent=767660"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/categories?post=767660"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/tags?post=767660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}