diff --git a/web/src/components/cards/NpmCard.js b/web/src/components/cards/NpmCard.js
index fc65c46..e46c06a 100644
--- a/web/src/components/cards/NpmCard.js
+++ b/web/src/components/cards/NpmCard.js
@@ -7,7 +7,11 @@ export default function NpmCard({ name }) {
   const lowerCase = name.toLowerCase()
 
   return (
-    <Card title="npm" key={lowerCase} nameList={[lowerCase]}>
+    <Card
+      title="npm"
+      key={lowerCase}
+      nameList={[lowerCase]}
+      alternativeList={[`${lowerCase}-js`]}>
       {(name) => (
         <>
           <DedicatedAvailability
diff --git a/web/src/components/cards/PypiCard.js b/web/src/components/cards/PypiCard.js
index 48119d2..cdf635f 100644
--- a/web/src/components/cards/PypiCard.js
+++ b/web/src/components/cards/PypiCard.js
@@ -2,10 +2,15 @@ import React from 'react'
 import { FaPython } from 'react-icons/fa'
 import { Card } from '../Cards'
 import { DedicatedAvailability } from '../Availability'
+import { capitalize } from '../../util/text'
 
 export default function PypiCard({ name }) {
   return (
-    <Card title="PyPI" key={name} nameList={[name]}>
+    <Card
+      title="PyPI"
+      key={name}
+      nameList={[name]}
+      alternativeList={[`Py${capitalize(name)}`]}>
       {(name) => (
         <DedicatedAvailability
           name={name}