Bir web uygulamasının teknik ayrıntılarını uygulayan bir programcı, siteyi halka açmadan önce nelere dikkat etmelidir? Eğer Jeff Atwood HttpOnly çerezleri, site haritaları, ve siteler arası istek sahteciliği hepsini aynı sitede unutabiliyorsa, ben hangi önemli şeyi unutuyor olabilirim?
Bunu bir web geliştiricisi perspektifinden düşünüyorum, öyle ki sitenin gerçek tasarımını ve içeriğini başka biri oluşturuyor. Dolayısıyla, kullanılabilirlik ve içerik platformdan daha önemli olsa da, programcı olarak sizin bu konuda çok az söz hakkınız var. Endişelenmeniz gereken şey, platform uygulamanızın istikrarlı olması, iyi performans göstermesi, güvenli olması ve diğer iş hedeflerini karşılamasıdır (çok pahalı olmaması, yapımının çok uzun sürmemesi ve Google'da içeriğin desteklediği kadar iyi sıralanması gibi).
Bunu, oldukça güvenilir bir ortamda intranet tipi uygulamalar için bazı çalışmalar yapmış ve ilk denemesini yapmak üzere olan ve tüm büyük kötü dünya çapında web için potansiyel olarak popüler bir site hazırlayan bir geliştiricinin bakış açısından düşünün.
Ayrıca, belirsiz bir "web standartları" yanıtından daha spesifik bir şey arıyorum. Yani, HTTP üzerinden HTML, JavaScript ve CSS, özellikle de profesyonel bir web geliştiricisi olduğunuzu zaten belirtmişken, hemen hemen verili. Peki bunun ötesinde, Hangi standartlar? Hangi durumlarda ve neden? Standardın spesifikasyonuna bir bağlantı sağlayın.
Buradaki fikir, çoğumuzun bu listedekilerin çoğunu zaten biliyor olması gerektiğidir. Ancak daha önce gerçekten araştırmadığınız, tam olarak anlamadığınız veya belki de hiç duymadığınız bir veya iki madde olabilir. Arayüz ve Kullanıcı Deneyimi
rel="nofollow"
niteliğini ekleyin spam'i önlemek için.target="_blank"
ile kullanıcı tarafından sağlanan tüm bağlantılara rel="noopener noreferrer"
koyun. Daha Fazla Bilgifavicon.ico
dosyası olduğundan emin olun, yani /favicon.ico
. HTML'de simgeden hiç bahsedilmese bile Tarayıcılar bunu otomatik olarak isteyecektir. Eğer bir /favicon.ico
dosyanız yoksa, bu çok sayıda 404 ile sonuçlanacak ve sunucunuzun bant genişliğini tüketecektir.
SEO (Arama Motoru Optimizasyonu)example.com/index.php?page=45
yerine example.com/pages/45-article-title
kullanın#' kullanırken
#'yi #!
olarak değiştirin ve ardından sunucuda $_REQUEST["_escaped_fragment_"]
googlebot'un #!
yerine kullandığı şeydir. Başka bir deyişle, ./#!page=1
, ./?_escaped_fragments_=page=1
olur. Ayrıca, FF.b4 veya Chromium kullanan kullanıcılar için, history.pushState({"foo":"bar"}, "About", "./?page=1");
harika bir komuttur. Böylece adres çubuğu değişmiş olsa bile sayfa yeniden yüklenmez. Bu, dinamik içeriği korumak için #!
yerine ?
kullanmanıza ve ayrıca bağlantıya e-posta gönderdiğinizde sunucuya bu sayfadan sonra olduğumuzu söylemenize olanak tanır ve AJAX'ın fazladan bir istek daha yapmasına gerek kalmaz./sitemap.xml
konumunda bir XML site haritası bulundurun.<link rel="canonical" .../>
kullanın, bu konu Google Webmaster Tools adresinden de ele alınabilir.www.example.com
adresini isteyen istekleri (301 Moved Permanently
kullanarak) example.com
adresine (veya tam tersi şekilde) yönlendirin.